npm - create-lzcli - Versions diffs - 1.0.0 - Mend

create-lzcli 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (61) hide show

package/index.html ADDED Viewed

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

package/index.js ADDED Viewed

@@ -0,0 +1,104 @@
+#!/usr/bin/env node
+import inquirer from "inquirer";
+import fs from "fs-extra";
+import path from "path";
+import { spawn } from "child_process"; // 新增：用于执行终端命令
+// 1. 交互选择
+(async () => {
+  try {
+    let answer = await inquirer.prompt([
+      {
+        type: "input",
+        name: "name",
+        message: "请输入项目名称：",
+        default: "my-project",
+      },
+      {
+        type: "list",
+        name: "type",
+        message: "请选择项目模板：",
+        choices: [
+          {
+            name: "Vue3 + TS + Pinia + eslint + tailwindcss",
+            value: "vue_ts_eslint_prettieric_tailwindcss_pinia",
+          },
+          { name: "Vue3 + TS + pinia", value: "vue_ts_prettieric_pinia" },
+          {
+            name: "Vue3 + TS + pinia + tailwindcss ",
+            value: "vue_ts_prettieric_tailwindcss_pinia",
+          },
+          {
+            name: "Vue3 + TS + pinia + tailwindcss + eslint + tailwindcss + vueRouter",
+            value: "vue_ts_eslint_prettieric_tailwindcss_pinia_vueRouter",
+          },
+        ],
+      },
+    ]);
+    // 2. 定义路径
+    let projectName = answer.name;
+    let templateName = answer.type;
+    // 目标项目路径
+    let targetDir = path.resolve(process.cwd(), projectName);
+    // 模板路径（必须用 __dirname 保证绝对路径正确！）
+    let templateDir = path.resolve(`./template/${templateName}`);
+    // 3. 检查目标目录是否已存在
+    if (await fs.pathExists(targetDir)) {
+      console.error("\n❌ 错误：项目目录已存在！");
+      process.exit(1);
+    }
+    // 4. 复制模板
+    await fs.copy(templateDir, targetDir);
+    console.log("\n✅ 项目创建成功！");
+    // 5. 询问是否安装依赖 + 打开项目
+    const answer2 = await inquirer.prompt([
+      {
+        type: "confirm",
+        name: "isOpen",
+        message: "是否安装依赖并打开项目？",
+        default: true,
+      },
+    ]);
+    if (answer2.isOpen) {
+      console.log("\n📦 正在安装依赖...");
+      // 切换工作目录
+      process.chdir(targetDir);
+      // 执行 npm install
+      const install = spawn("npm", ["install"], {
+        cwd: targetDir,
+        stdio: "inherit", // 让终端输出日志
+        shell: true,
+      });
+      install.on("close", (code) => {
+        if (code === 0) {
+          console.log("\n✅ 依赖安装成功！");
+          console.log("\n🚀 启动项目：npm run dev");
+          // 自动启动项目
+          spawn("npm", ["run", "dev"], {
+            cwd: targetDir,
+            stdio: "inherit",
+            shell: true,
+          });
+        } else {
+          console.error("\n❌ 依赖安装失败！");
+        }
+      });
+    } else {
+      console.log("\n👉 请手动执行以下命令：");
+      console.log(`cd ${projectName}`);
+      console.log("npm install");
+      console.log("npm run dev");
+    }
+  } catch (error) {
+    console.error("\n❌ 创建失败：", error.message);
+    process.exit(1);
+  }
+})();

package/package.json ADDED Viewed

@@ -0,0 +1,30 @@
+{
+  "name": "create-lzcli",
+  "version": "1.0.0",
+  "description": "自定义Vue项目脚手架",
+  "main": "index.js",
+  "types": "",
+  "bin": {
+    "create-vue_mine_components": "index.js"
+  },
+  "type": "module",
+  "dependencies": {
+    "fs-extra": "^11.3.4",
+    "inquirer": "^9.3.8"
+  },
+  "keywords": [
+    "vue",
+    "cli",
+    "template",
+    "vue-router",
+    "sass",
+    "less",
+    "typescript",
+    "eslint",
+    "prettier",
+    "tailwindcss",
+    "vite"
+  ],
+  "author": "a15173636319",
+  "license": "MIT"
+}

package/readme.md ADDED Viewed

	@@ -0,0 +1 @@
1	+ # 这是我打包的项目模板，方便快速构建项目

package/template/vue_ts_eslint_prettieric_tailwindcss_pinia/.env ADDED Viewed

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

package/template/vue_ts_eslint_prettieric_tailwindcss_pinia/.prettierrc ADDED Viewed

@@ -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/eslint.config.ts ADDED Viewed

@@ -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/index.html ADDED Viewed

@@ -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>