create-lzcli 1.0.0

package/template/vue_ts_prettieric_pinia/src/App.vue

@@ -0,0 +1,56 @@
+<template>
+	<div class="container">
+		<h1>✅ 手动搭建成功</h1>
+		<p class="desc">Vite + Vue3 + TypeScript + 组合式API</p>
+		<p class="count">当前计数：{{ counterStore.count }}</p>
+		<button @click="addCount" class="btn">点击 +1</button>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { useCounterStore } from "@/store/counter"
+
+const counterStore = useCounterStore()
+console.log(counterStore);
+const addCount = counterStore.increment
+
+</script>
+
+<style scoped>
+.container {
+	max-width: 600px;
+	margin: 80px auto;
+	text-align: center;
+	font-family: Arial, sans-serif;
+}
+
+.desc {
+	color: #666;
+	font-size: 16px;
+	margin: 10px 0;
+}
+
+
+.count {
+	font-size: 24px;
+	font-weight: bold;
+	color: #333;
+	margin: 20px 0;
+}
+
+
+.btn {
+	padding: 12px 24px;
+	font-size: 16px;
+	background-color: #42b983;
+	color: white;
+	border: none;
+	border-radius: 6px;
+	cursor: pointer;
+	transition: background 0.3s;
+}
+
+.btn:hover {
+	background-color: #359469;
+}
+</style>

package/template/vue_ts_prettieric_pinia/src/main.ts

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

package/template/vue_ts_prettieric_pinia/src/store/counter.ts

@@ -0,0 +1,12 @@
+import { defineStore } from 'pinia'
+
+export const useCounterStore = defineStore('counter', {
+    state: () => ({
+        count: 0
+    }),
+    actions: {
+        increment() {
+            this.count++
+        }
+    }
+})

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

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

package/template/vue_ts_prettieric_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_prettieric_pinia/tsconfig.json

@@ -0,0 +1,42 @@
+{
+  "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_prettieric_pinia/tsconfig.node.json

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

package/template/vue_ts_prettieric_pinia/vite.config.ts

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

package/template/vue_ts_prettieric_tailwindcss_pinia/.env

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

package/template/vue_ts_prettieric_tailwindcss_pinia/.prettierrc

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

package/template/vue_ts_prettieric_tailwindcss_pinia/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>