create-lzcli 1.0.0

package/template/vue_ts_eslint_prettieric_tailwindcss_pinia/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "lowercode",
+  "version": "1.0.0",
+  "description": "",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview"
+  },
+  "keywords": [
+    "vue",
+    "cli",
+    "template",
+    "vue-router",
+    "sass",
+    "less",
+    "typescript",
+    "eslint",
+    "prettier",
+    "tailwindcss",
+    "vite"
+  ],
+  "author": "a15173636319",
+  "license": "MIT",
+  "devDependencies": {
+    "@eslint/js": "^10.0.1",
+    "@vitejs/plugin-vue": "^6.0.5",
+    "eslint": "^10.1.0",
+    "eslint-plugin-vue": "^10.8.0",
+    "globals": "^17.4.0",
+    "jiti": "^2.6.1",
+    "typescript": "^6.0.2",
+    "typescript-eslint": "^8.58.0",
+    "vite": "^8.0.3",
+    "vue-tsc": "^3.2.6"
+  },
+  "dependencies": {
+    "@tailwindcss/vite": "^4.2.2",
+    "pinia": "^3.0.4",
+    "tailwindcss": "^4.2.2",
+    "vue": "^3.5.31"
+  }
+}

package/template/vue_ts_eslint_prettieric_tailwindcss_pinia/src/App.vue

@@ -0,0 +1,19 @@
+<template>
+    <div class="max-w-xl mx-auto mt-20 text-center font-sans">
+        <h1 class="text-2xl font-bold text-gray-800">✅ 手动搭建成功</h1>
+        <p class="mt-2 text-gray-500">Vite + Vue3 + TypeScript + 组合式API</p>
+        <p class="mt-5 text-xl font-bold text-gray-800">当前计数：{{ counterStore.count }}</p>
+        <button @click="addCount"
+            class="mt-6 px-6 py-3 bg-emerald-500 text-white rounded-lg hover:bg-emerald-600 transition-colors">
+            点击 +1
+        </button>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { useCounterStore } from '@/store'
+
+const counterStore = useCounterStore()
+
+const addCount = counterStore.increment
+</script>

package/template/vue_ts_eslint_prettieric_tailwindcss_pinia/src/main.ts

@@ -0,0 +1,13 @@
+import { createApp } from "vue";
+import App from "./App.vue";
+import "@/styles/index.css"
+import { createPinia } from "pinia"
+
+import "@/store/index";
+
+const app = createApp(App);
+
+const pinia = createPinia();
+app.use(pinia);
+
+app.mount("#app");

package/template/vue_ts_eslint_prettieric_tailwindcss_pinia/src/store/index.ts

@@ -0,0 +1,11 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+export const useCounterStore = defineStore('counter', () => {
+	const count = ref(0)
+	function increment() {
+		count.value++
+	}
+
+	return { count, increment }
+})

package/template/vue_ts_eslint_prettieric_tailwindcss_pinia/src/styles/index.css

@@ -0,0 +1 @@
+@import "tailwindcss";

package/template/vue_ts_eslint_prettieric_tailwindcss_pinia/src/vite-env.d.ts

@@ -0,0 +1,10 @@
+declare module "*.vue" {
+  import { defineComponent } from "vue";
+  const component: ReturnType<typeof defineComponent>;
+  export default component;
+}
+
+declare module "*.css" {
+  const content: Record<string, string>;
+  export default content;
+}

package/template/vue_ts_eslint_prettieric_tailwindcss_pinia/tsconfig.json

@@ -0,0 +1,43 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": [
+      "ES2020",
+      "DOM",
+      "DOM.Iterable"
+    ], // 编译目标
+    "skipLibCheck": true, // 跳过类型检查
+    "baseUrl": ".",
+    "paths": {
+      "@/*": [
+        "./src/*"
+      ]
+    },
+    "ignoreDeprecations": "6.0",
+    /* 模块解析 */
+    "moduleResolution": "bundler", // 模块解析策略
+    "allowImportingTsExtensions": true, // 允许导入.ts文件
+    "resolveJsonModule": true, // 允许导入.json文件
+    "isolatedModules": true, // 每个文件作为单独的模块进行编译
+    "noEmit": true, // 不生成输出文件
+    "jsx": "preserve", // 保留JSX语法
+    /* 严格类型检查 */
+    "strict": true, // 启用所有严格类型检查选项
+    "noUnusedLocals": true, // 不允许未使用的局部变量
+    "noUnusedParameters": true, // 不允许未使用的参数
+    "noFallthroughCasesInSwitch": true // 不允许switch语句中的case穿透
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue"
+  ], // 包含要编译的文件和类型定义文件
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    }
+  ] // 包含要编译的文件和类型定义文件
+}

package/template/vue_ts_eslint_prettieric_tailwindcss_pinia/tsconfig.node.json

@@ -0,0 +1,18 @@
+// 给vite配置文件用
+{
+    "compilerOptions": {
+        "composite": true,
+        "skipLibCheck": true,
+        "module": "esnext",
+        "moduleResolution": "bundler",
+        "allowSyntheticDefaultImports": true,
+        "paths": {
+            "@": [
+                "./src/*"
+            ]
+        }
+    },
+    "include": [
+        "vite.config.ts"
+    ]
+}

package/template/vue_ts_eslint_prettieric_tailwindcss_pinia/vite.config.ts

@@ -0,0 +1,27 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import tailwindcss from '@tailwindcss/vite'
+import path from 'path'
+
+export default defineConfig(
+	{
+		plugins: [
+			vue(),
+			tailwindcss(),
+		],
+		resolve: {
+			alias: {
+				'@': path.resolve(
+					__dirname,
+					'./src'
+				),
+			},
+		},
+		build: {},
+		server: {
+			port: 3334,
+			open: true,
+			host: '0.0.0.0',
+		},
+	}
+)

package/template/vue_ts_eslint_prettieric_tailwindcss_pinia_vueRouter/.env

@@ -0,0 +1,2 @@
+# 项目名称（网页标题）
+VITE_PROJECT_NAME=Vue 3 + TypeScript + ESLint �

package/template/vue_ts_eslint_prettieric_tailwindcss_pinia_vueRouter/.prettierrc

@@ -0,0 +1,10 @@
+{
+    "tabWidth": 120,
+    "printWidth": 10,
+    "singleQuote": true,
+    "semi": false,
+    "useTabs": true,
+    "embeddedLanguageFormatting": "auto",
+    "bracketSameLine": false,
+    "trailingComma": "es5"
+}

package/template/vue_ts_eslint_prettieric_tailwindcss_pinia_vueRouter/eslint.config.ts

@@ -0,0 +1,80 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import tseslint from 'typescript-eslint'
+import pluginVue from 'eslint-plugin-vue'
+import { defineConfig } from 'eslint/config'
+import ts from 'typescript'
+
+export default defineConfig(
+	[
+		{
+			files: [
+				'**/*.{js,mjs,cjs,ts,mts,cts,vue}',
+			],
+			ignores: [
+				'node_modules/**',
+				'dist/**',
+				'*.config.{js,ts}',
+				'*.d.ts',
+				'*.css',
+				'*.scss',
+				'*.less',
+				'*.json',
+				'*.md',
+				'*.sass',
+			],
+			extends: [
+				'js/recommended',
+			],
+			languageOptions: {
+				globals: globals.browser,
+			},
+			rules: {
+				// 代码风格与错误检查
+				'no-console': 'warn', // 禁止 console，仅警告
+				'no-unused-vars': 'error', // 未使用变量报错
+				'prefer-const': 'error', // 优先使用 const
+				'no-var': 'error', // 禁止使用 var
+				'no-undef': 'warn', // 禁止使用未定义的变量
+				'no-debugger': 'warn', // 禁止使用 debugger，仅警告
+				'no-empty': 'warn', // 禁止空块，仅警告
+				'no-empty-function': 'warn', // 禁止空函数，仅警告
+				'no-multi-spaces': 'warn', // 禁止多余的空格，仅警告
+				'no-trailing-spaces': 'warn', // 禁止行尾空格，仅警告
+				'eol-last': [
+					'warn',
+					'always',
+				], // 文件末尾必须有换行符，仅警告
+			},
+		},
+		// 对于ts文件和vue文件，关闭 any 检查
+		{
+			files: [
+				'**/*.{ts,tsx,vue}',
+			],
+			rules: {
+				'@typescript-eslint/no-explicit-any': 'off', // 关闭 any 检查
+				'@typescript-eslint/no-unused-vars': 'warn', // 未使用变量报错
+				'@typescript-eslint/no-non-null-assertion': 'warn', // 关闭非空断言检查
+			},
+		},
+		tseslint
+			.configs
+			.recommended,
+		pluginVue
+			.configs[
+			'flat/essential'
+		],
+		// 针对vue文件，关闭组件命名规则检查
+		{
+			files: [
+				'**/*.vue',
+			],
+			rules: {
+				'vue/multi-word-component-names': 'warn', // 组件命名规则检查，警告级别
+				'vue/no-unused-components': 'warn', // 未使用组件检查，警告级别
+				'vue/no-unused-vars': 'warn', // 未使用变量检查，警告级别
+			},
+		},
+	]
+)

package/template/vue_ts_eslint_prettieric_tailwindcss_pinia_vueRouter/index.html

@@ -0,0 +1,26 @@
+<!doctype html>
+<html
+	lang="en"
+>
+	<head>
+		<meta
+			charset="UTF-8"
+		/>
+		<meta
+			name="viewport"
+			content="width=device-width, initial-scale=1.0"
+		/>
+		<title>
+			%VITE_PROJECT_NAME%
+		</title>
+	</head>
+	<body>
+		<div
+			id="app"
+		></div>
+	</body>
+	<script
+		type="module"
+		src="/src/main.ts"
+	></script>
+</html>