create-project-template-cli 1.0.0

package/README.md

@@ -0,0 +1,5 @@
+# 项目模板工具
+## template
+    该文件夹下面为自定义的项目模板，每个模板为一个文件夹，文件夹名称为模板名称
+## 自定义模板
+    用户可以选择自定义模板，输入gitee或者github的仓库地址，clone该项目

package/index.js

@@ -0,0 +1,133 @@
+#!/usr/bin/env node
+
+// commander
+import { program } from "commander";
+// inquirer (v9+ 支持ESM)
+import inquirer from "inquirer";
+// fs (Node.js内置模块，ESM使用命名导入)
+import fs from "fs";
+import { fileURLToPath } from "url";
+import { dirname } from "path";
+// path (Node.js内置模块)
+import path from "path";
+// chalk (v5+ 是ESM)
+import chalk from "chalk";
+import ora from "ora";
+
+// fs-extra
+import fsExtra from "fs-extra";
+
+import packageJson from "./package.json" with { type: "json" };
+import { getTemplateList ,downloadCustomTemplate} from "./utils.js";
+// 设置版本号
+program.version(packageJson.version);
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const TEMPLATES_DIR = path.resolve(__dirname, "./template");
+
+// 类型
+const TEMPLATE_TYPE = {
+  CUSTOM: "custom",
+}
+// 定义命令行参数
+program
+  .description("自定义项目模板工具")
+  .argument("[project-name]", "项目名称")
+  .action(async (projectName) => {
+    try {
+      if (!projectName) {
+        const answers = await inquirer.prompt([
+          {
+            type: "input",
+            name: "projectName",
+            message: "请输入项目名称",
+            default: "project-template",
+          },
+        ]);
+        projectName = answers.projectName;
+        // 检查项目名称是否已存在
+        if (fs.existsSync(projectName)) {
+          console.log(chalk.red("项目名称已存在"));
+          // 退出
+          process.exit(1);
+        
+        }
+        // 选择模板
+        const templatesName = await inquirer.prompt([
+          {
+            type: "list",
+            name: "template",
+            message: "请选择项目模板",
+            choices: await getTemplateList(),
+          },
+        ]);
+       
+        const {template} = templatesName;
+        // 创建的项目地址
+        const projectPath = path.resolve(process.cwd(), projectName);
+        // 如果不是自定义
+        if (template !== TEMPLATE_TYPE.CUSTOM) {
+             // 创建项目目录
+             const spinner = ora('正在创建项目...').start();
+            // 创建文件夹
+            fsExtra.mkdirSync(projectPath, { recursive: true });
+           // 模板地址
+           const templatePath = path.join(TEMPLATES_DIR, template);
+           await createFile(templatePath, projectPath);
+           spinner.succeed('项目创建成功'); 
+           return
+        }else {
+          await custom(projectName);
+        }
+      }
+    } catch (error) {
+      console.log(chalk.red("创建项目失败"));
+      // console.log(chalk.red(error.message));
+      return;
+    }
+  });
+
+  // 处理自定义模板
+async function custom(projectPath, ) {
+
+  // 输入github或者gitee地址
+  const answers = await inquirer.prompt([
+    {
+      type: "input",
+      name: "customTemplate",
+      message: "请输入项目模板gitee或者github地址",
+    },
+  ]);
+ 
+  const {customTemplate} = answers;
+  console.log(customTemplate)
+  // 下载项目模板
+  await downloadCustomTemplate(customTemplate, projectPath);
+
+
+}
+// 创建文件 非自定义的
+async function createFile(templatePath, projectPath) {
+
+
+  const entries = await fsExtra.readdir(templatePath, { withFileTypes: true });
+  for (const entry of entries) {
+    const srcPath = path.join(templatePath, entry.name);
+    const destPath = path.join(projectPath, entry.name);
+    // 处理目录
+     if (entry.isDirectory()) {
+      await fsExtra.mkdir(destPath, { recursive: true });
+      await createFile(srcPath, destPath);
+    } 
+    // 复制其他文件
+    else {
+      await fsExtra.copyFile(srcPath, destPath);
+    }
+  }
+}
+
+
+
+
+
+program.parse(process.argv);

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "create-project-template-cli",
+  "version": "1.0.0",
+  "description": "模板快速创建",
+  "main": "index.js",
+  "type": "module",
+  "bin": {
+    "create-template": "./index.js"
+  },
+  "files": [
+    "index.js",
+    "template/*",
+    "utils.js"
+  ],
+  "keywords": [
+    "project-template",
+    "template",
+    "create-template"
+  ],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "chalk": "^5.6.2",
+    "commander": "^14.0.1",
+    "download-git-repo": "^3.0.2",
+    "fs-extra": "^11.3.2",
+    "inquirer": "^12.9.6",
+    "ora": "^9.0.0"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  }
+}

package/template/react-shadcn/.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx --no -- commitlint --edit $1

package/template/react-shadcn/.husky/pre-commit

@@ -0,0 +1 @@
+npx lint-staged

package/template/react-shadcn/.stylelintignore

@@ -0,0 +1,20 @@
+# .stylelintignore
+# 旧的不需打包的样式库
+*.min.css
+ 
+# 其他类型文件
+*.js
+*.jpg
+*.png
+*.eot
+*.ttf
+*.woff
+*.json
+tailwindcss.css
+ 
+# 测试和打包目录
+/test/
+/dist/
+/node_modules/
+/lib/
+/assets/

package/template/react-shadcn/.stylelintrc.cjs

@@ -0,0 +1,258 @@
+module.exports = {
+  extends: [
+    "stylelint-config-standard",
+    "stylelint-config-standard-scss",
+    "stylelint-config-recommended-scss",
+  ],
+  plugins: ["stylelint-scss", "stylelint-order"],
+  rules: {
+    "no-irregular-whitespace": true,
+    // 指定样式的排序
+    "order/properties-order": [
+      [
+        "content",
+        "position",
+        "top",
+        "right",
+        "bottom",
+        "left",
+        "z-index",
+        "display",
+        "vertical-align",
+        "flex",
+        "flex-grow",
+        "flex-shrink",
+        "flex-basis",
+        "flex-direction",
+        "flex-flow",
+        "flex-wrap",
+        "grid",
+        "grid-area",
+        "grid-template",
+        "grid-template-areas",
+        "grid-template-rows",
+        "grid-template-columns",
+        "grid-row",
+        "grid-row-start",
+        "grid-row-end",
+        "grid-column",
+        "grid-column-start",
+        "grid-column-end",
+        "grid-auto-rows",
+        "grid-auto-columns",
+        "grid-auto-flow",
+        "grid-gap",
+        "grid-row-gap",
+        "grid-column-gap",
+        "gap",
+        "row-gap",
+        "column-gap",
+        "align-content",
+        "align-items",
+        "align-self",
+        "justify-content",
+        "justify-items",
+        "justify-self",
+        "order",
+        "float",
+        "clear",
+        "object-fit",
+        "overflow",
+        "overflow-x",
+        "overflow-y",
+        "overflow-scrolling",
+        "clip",
+
+        //
+        "box-sizing",
+        "width",
+        "min-width",
+        "max-width",
+        "height",
+        "min-height",
+        "max-height",
+        "margin",
+        "margin-top",
+        "margin-right",
+        "margin-bottom",
+        "margin-left",
+        "padding",
+        "padding-top",
+        "padding-right",
+        "padding-bottom",
+        "padding-left",
+        "border",
+        "border-spacing",
+        "border-collapse",
+        "border-width",
+        "border-style",
+        "border-color",
+        "border-top",
+        "border-top-width",
+        "border-top-style",
+        "border-top-color",
+        "border-right",
+        "border-right-width",
+        "border-right-style",
+        "border-right-color",
+        "border-bottom",
+        "border-bottom-width",
+        "border-bottom-style",
+        "border-bottom-color",
+        "border-left",
+        "border-left-width",
+        "border-left-style",
+        "border-left-color",
+        "border-radius",
+        "border-top-left-radius",
+        "border-top-right-radius",
+        "border-bottom-right-radius",
+        "border-bottom-left-radius",
+        "border-image",
+        "border-image-source",
+        "border-image-slice",
+        "border-image-width",
+        "border-image-outset",
+        "border-image-repeat",
+        "border-top-image",
+        "border-right-image",
+        "border-bottom-image",
+        "border-left-image",
+        "border-corner-image",
+        "border-top-left-image",
+        "border-top-right-image",
+        "border-bottom-right-image",
+        "border-bottom-left-image",
+
+        //
+        "background",
+        "background-color",
+        "background-image",
+        "background-attachment",
+        "background-position",
+        "background-position-x",
+        "background-position-y",
+        "background-clip",
+        "background-origin",
+        "background-size",
+        "background-repeat",
+        "color",
+        "box-decoration-break",
+        "box-shadow",
+        "outline",
+        "outline-width",
+        "outline-style",
+        "outline-color",
+        "outline-offset",
+        "table-layout",
+        "caption-side",
+        "empty-cells",
+        "list-style",
+        "list-style-position",
+        "list-style-type",
+        "list-style-image",
+
+        //
+        "font",
+        "font-weight",
+        "font-style",
+        "font-variant",
+        "font-size-adjust",
+        "font-stretch",
+        "font-size",
+        "font-family",
+        "src",
+        "line-height",
+        "letter-spacing",
+        "quotes",
+        "counter-increment",
+        "counter-reset",
+        "-ms-writing-mode",
+        "text-align",
+        "text-align-last",
+        "text-decoration",
+        "text-emphasis",
+        "text-emphasis-position",
+        "text-emphasis-style",
+        "text-emphasis-color",
+        "text-indent",
+        "text-justify",
+        "text-outline",
+        "text-transform",
+        "text-wrap",
+        "text-overflow",
+        "text-overflow-ellipsis",
+        "text-overflow-mode",
+        "text-shadow",
+        "white-space",
+        "word-spacing",
+        "word-wrap",
+        "word-break",
+        "overflow-wrap",
+        "tab-size",
+        "hyphens",
+        "interpolation-mode",
+
+        //
+        "opacity",
+        "visibility",
+        "filter",
+        "resize",
+        "cursor",
+        "pointer-events",
+        "user-select",
+
+        //
+        "unicode-bidi",
+        "direction",
+        "columns",
+        "column-span",
+        "column-width",
+        "column-count",
+        "column-fill",
+        "column-gap",
+        "column-rule",
+        "column-rule-width",
+        "column-rule-style",
+        "column-rule-color",
+        "break-before",
+        "break-inside",
+        "break-after",
+        "page-break-before",
+        "page-break-inside",
+        "page-break-after",
+        "orphans",
+        "widows",
+        "zoom",
+        "max-zoom",
+        "min-zoom",
+        "user-zoom",
+        "orientation",
+        "fill",
+        "stroke",
+
+        //
+        "transition",
+        "transition-delay",
+        "transition-timing-function",
+        "transition-duration",
+        "transition-property",
+        "transform",
+        "transform-origin",
+        "animation",
+        "animation-name",
+        "animation-duration",
+        "animation-play-state",
+        "animation-timing-function",
+        "animation-delay",
+        "animation-iteration-count",
+        "animation-direction",
+        "animation-fill-mode",
+      ],
+      {
+        unspecified: "bottom",
+        severity: "error",
+      },
+    ],
+  },
+};

package/template/react-shadcn/.vscode/extensions.json

@@ -0,0 +1,7 @@
+{
+  "recommendations": [
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode",
+    "stylelint.vscode-stylelint"
+  ]
+}

package/template/react-shadcn/README.md

@@ -0,0 +1,75 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## React Compiler
+
+The React Compiler is enabled on this template. See [this documentation](https://react.dev/learn/react-compiler) for more information.
+
+Note: This will impact Vite dev & build performances.
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+
+      // Remove tseslint.configs.recommended and replace with this
+      tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      tseslint.configs.stylisticTypeChecked,
+
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```

package/template/react-shadcn/commitlint.config.cjs

@@ -0,0 +1,90 @@
+/** @type {import('cz-git').UserConfig} */
+module.exports = {
+  ignores: [(commit) => commit.includes("init")],
+  extends: ["@commitlint/config-conventional"],
+  rules: {
+    "body-leading-blank": [2, "always"],
+    "footer-leading-blank": [1, "always"],
+    "header-max-length": [2, "always", 108],
+    "subject-empty": [2, "never"],
+    "type-empty": [2, "never"],
+    "subject-case": [0],
+    "type-enum": [
+      2,
+      "always",
+      [
+        "feat",
+        "fix",
+        "docs",
+        "style",
+        "refactor",
+        "perf",
+        "test",
+        "build",
+        "ci",
+        "chore",
+        "revert",
+        "wip",
+        "workflow",
+        "types",
+        "release",
+      ],
+    ],
+  },
+  prompt: {
+    messages: {
+      type: "选择你要提交的类型 :",
+      scope: "选择一个提交范围[可选]:",
+      customScope: "请输入自定义的提交范围 :",
+      subject: "请简要描述提交 :\n",
+      body: '填写更加详细的变更描述[可选]。使用 "|" 换行 :\n',
+      breaking: '列举非兼容性重大的变更[可选]。使用 "|" 换行 :\n',
+      footerPrefixsSelect: "选择关联issue前缀[可选]:",
+      customFooterPrefixs: "输入自定义issue前缀 :",
+      footer: "列举关联issue [可选] 例如: #31, #I3244 :\n",
+      confirmCommit: "是否提交或修改commit ?",
+    },
+    types: [
+      { value: "feat", name: "feat:   ✨  新增功能", emoji: "✨" },
+      { value: "fix", name: "fix:   🐛  修复缺陷", emoji: "🐛" },
+      { value: "docs", name: "docs:   📝  文档变更", emoji: "📝" },
+      {
+        value: "style",
+        name: "style:   💄  代码格式",
+        emoji: "💄",
+      },
+      {
+        value: "refactor",
+        name: "refactor:   🔨  代码重构",
+        emoji: "🔨",
+      },
+      { value: "perf", name: "perf:    ⚡️  性能优化", emoji: "⚡️" },
+      {
+        value: "test",
+        name: "test:   ✅  测试",
+        emoji: "✅",
+      },
+      {
+        value: "build",
+        name: "build:   📦️  打包构建",
+        emoji: "📦️",
+      },
+      { value: "ci", name: "ci:   👷  CI 配置变更", emoji: "👷" },
+      { value: "revert", name: "revert:   ⏪️  代码回退", emoji: "⏪️" },
+      {
+        value: "chore",
+        name: "chore:   🚀  构建/工程依赖/工具",
+        emoji: "🚀",
+      },
+      { value: "wip", name: "wip:   🚧  正在开发中", emoji: "🚧" },
+      { value: "workflow", name: "workflow:   🎯  工作流程改进", emoji: "🎯" },
+    ],
+    useEmoji: true,
+    scopes: [],
+    customScopesAlign: "bottom",
+    emptyScopesAlias: "empty",
+    customScopesAlias: "custom",
+    allowBreakingChanges: ["feat", "fix"],
+    skipQuestions: ["scope", "body", "breaking", "footerPrefix", "footer"], // 自定义选择指定的问题不显示
+  },
+};

package/template/react-shadcn/components.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/assets/css/tailwindcss.css",
+    "baseColor": "slate",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "lucide",
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "registries": {}
+}