create-project-template-cli 1.0.0

package/template/react-shadcn/src/views/404/index.scss

@@ -0,0 +1,133 @@
+.error-container {
+  width: 100%;
+  max-width: 600px;
+  margin: auto;
+  margin-top: 20px;
+  padding: 60px 30px;
+  border-radius: 12px;
+  background: #fff;
+  box-shadow: 0 8px 32px rgb(0 0 0 / 8%);
+  text-align: center;
+  transition: transform 0.3s ease;
+}
+
+.error-container:hover {
+  transform: translateY(-5px);
+}
+
+.error-code {
+  position: relative;
+  margin-bottom: 20px;
+  color: #3498db;
+  font-weight: 700;
+  font-size: 8rem;
+}
+
+.error-code::after {
+  content: "";
+  position: absolute;
+  bottom: -10px;
+  left: 50%;
+  width: 80px;
+  height: 4px;
+  border-radius: 2px;
+  background: #3498db;
+  transform: translateX(-50%);
+  animation: line-pulse 2s infinite;
+}
+
+.error-title {
+  margin-bottom: 15px;
+  color: #2c3e50;
+  font-size: 1.8rem;
+}
+
+.error-desc {
+  margin-bottom: 30px;
+  color: #7f8c8d;
+  font-size: 1rem;
+  line-height: 1.6;
+}
+
+.btn-group {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 15px;
+  justify-content: center;
+}
+
+.btn {
+  padding: 12px 24px;
+  border: none;
+  border-radius: 6px;
+  font-weight: 500;
+  font-size: 1rem;
+  text-decoration: none;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.btn-back {
+  background-color: #3498db;
+  color: #fff;
+}
+
+.btn-back:hover {
+  background-color: #2980b9;
+  transform: translateY(-2px);
+}
+
+.btn-home {
+  border: 1px solid #3498db;
+  background-color: #fff;
+  color: #3498db;
+}
+
+.btn-home:hover {
+  background-color: #f0f7ff;
+  transform: translateY(-2px);
+}
+
+@keyframes line-pulse {
+  0% {
+    width: 80px;
+  }
+
+  50% {
+    width: 120px;
+  }
+
+  100% {
+    width: 80px;
+  }
+}
+
+/* 移动端适配 */
+@media (width <= 768px) {
+  .error-code {
+    font-size: 6rem;
+  }
+
+  .error-title {
+    font-size: 1.5rem;
+  }
+
+  .error-container {
+    padding: 40px 20px;
+  }
+}
+
+@media (width <= 480px) {
+  .error-code {
+    font-size: 4.5rem;
+  }
+
+  .btn-group {
+    flex-direction: column;
+    gap: 10px;
+  }
+
+  .btn {
+    width: 100%;
+  }
+}

package/template/react-shadcn/src/views/404/index.tsx

@@ -0,0 +1,27 @@
+import './index.scss';
+import { useNavigate } from 'react-router-dom';
+function NotFound() {
+    const navigate = useNavigate();
+    const change = () => {
+
+    };
+    // 跳转到首页
+    const indexUrl = () => {
+        navigate('/');
+    };
+    return (
+        <div className="error-container">
+            <div className="error-code">404</div>
+            <h1 className="error-title">页面好像迷路了</h1>
+            <p className="error-desc">
+                很抱歉，你访问的页面不存在、已被删除或暂时无法访问<br ></br>
+                可能是链接错误，也可能是页面已迁移到其他地址
+            </p>
+            <div className="btn-group">
+                <button className="btn btn-back" onClick={change}>返回上一页</button>
+                <button className="btn btn-home" onClick={indexUrl}>返回首页</button>
+            </div>
+        </div>
+    );
+}
+export default NotFound;

package/template/react-shadcn/src/views/Index/index.tsx

@@ -0,0 +1,8 @@
+function Index() {
+    return (
+        <div>
+            <h1>Index</h1>
+        </div>
+    );
+}
+export default Index;

package/template/react-shadcn/src/views/index.tsx

@@ -0,0 +1,59 @@
+import { Outlet } from 'react-router-dom';
+import { useState } from 'react';
+import {
+    NavigationMenu,
+
+
+    NavigationMenuItem,
+    NavigationMenuLink,
+    NavigationMenuList,
+    navigationMenuTriggerStyle
+
+} from "@/components/ui/navigation-menu";
+import { useNavigate } from 'react-router-dom';
+const navItems = [
+    {
+        label: '首页',
+        path: '/',
+    },
+    {
+        label: '直播',
+        path: '/live',
+    },
+    {
+        label: '设备',
+        path: '/device',
+    },
+];
+
+function ROOT() {
+    const navigate = useNavigate();
+    const [currentPath, setCurrentPath] = useState('/');
+    const setCurrentPaths = (path: string) => {
+        setCurrentPath(path);
+        console.log(path);
+        // 跳转
+        // router.navigate(path);
+        navigate(path);
+    };
+    return (
+        <div>
+            <nav className='nav '>
+                <NavigationMenu>
+                    <NavigationMenuList>
+                        <NavigationMenuItem>
+
+                            {navItems.map((item) => (
+                                <NavigationMenuLink asChild key={item.path} >
+                                    <div className={`${navigationMenuTriggerStyle()} cursor-pointer py-6`} onClick={() => setCurrentPaths(item.path)}>{item.label}</div>
+                                </NavigationMenuLink>
+                            ))}
+                        </NavigationMenuItem>
+                    </NavigationMenuList>
+                </NavigationMenu>
+            </nav>
+            <div className='content'><Outlet /></div>
+        </div>
+    );
+}
+export default ROOT;

package/template/react-shadcn/tsconfig.app.json

@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "types": ["vite/client"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": false,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    "ignoreDeprecations": "6.0",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src"]
+}

package/template/react-shadcn/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ],
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

package/template/react-shadcn/tsconfig.node.json

@@ -0,0 +1,32 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": [],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    "jsx": "react-jsx", // 支持 React 17+ 的 JSX 转换,
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": false,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    "ignoreDeprecations": "6.0",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["vite.config.ts"]
+}

package/template/react-shadcn/vite.config.ts

@@ -0,0 +1,36 @@
+import { defineConfig } from "vite";
+import path from "path";
+import react from "@vitejs/plugin-react";
+import tailwindcss from "@tailwindcss/vite";
+import { codeInspectorPlugin } from "code-inspector-plugin";
+// https://vite.dev/config/
+export default defineConfig(({ mode }) => {
+  return {
+    plugins: [
+      tailwindcss(),
+      react({
+        babel: {
+          plugins: [["babel-plugin-react-compiler"]],
+        },
+      }),
+      codeInspectorPlugin({
+        bundler: "vite",
+      }),
+    ],
+    resolve: {
+      alias: {
+        "@": path.resolve(__dirname, "./src"),
+      },
+    },
+    build: {
+      minify: "terser",
+      terserOptions: {
+        compress: {
+          drop_console: mode !== "development",
+          drop_debugger: true,
+        },
+      },
+    } as any,
+  };
+});
+console.log("\x1b[36m%s\x1b[0m", "{^_^} 启动成功了哦！");

package/template/vue-tailwindcss/.editorconfig

@@ -0,0 +1,8 @@
+[*.{js,jsx,mjs,cjs,ts,tsx,mts,cts,vue,css,scss,sass,less,styl}]
+charset = utf-8
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+end_of_line = lf
+max_line_length = 100

package/template/vue-tailwindcss/.eslintrc-auto-import.json

@@ -0,0 +1,76 @@
+{
+  "globals": {
+    "Component": true,
+    "ComponentPublicInstance": true,
+    "ComputedRef": true,
+    "DirectiveBinding": true,
+    "EffectScope": true,
+    "ExtractDefaultPropTypes": true,
+    "ExtractPropTypes": true,
+    "ExtractPublicPropTypes": true,
+    "InjectionKey": true,
+    "MaybeRef": true,
+    "MaybeRefOrGetter": true,
+    "PropType": true,
+    "Ref": true,
+    "Slot": true,
+    "Slots": true,
+    "VNode": true,
+    "WritableComputedRef": true,
+    "computed": true,
+    "createApp": true,
+    "customRef": true,
+    "defineAsyncComponent": true,
+    "defineComponent": true,
+    "effectScope": true,
+    "getCurrentInstance": true,
+    "getCurrentScope": true,
+    "h": true,
+    "inject": true,
+    "isProxy": true,
+    "isReactive": true,
+    "isReadonly": true,
+    "isRef": true,
+    "markRaw": true,
+    "nextTick": true,
+    "onActivated": true,
+    "onBeforeMount": true,
+    "onBeforeUnmount": true,
+    "onBeforeUpdate": true,
+    "onDeactivated": true,
+    "onErrorCaptured": true,
+    "onMounted": true,
+    "onRenderTracked": true,
+    "onRenderTriggered": true,
+    "onScopeDispose": true,
+    "onServerPrefetch": true,
+    "onUnmounted": true,
+    "onUpdated": true,
+    "onWatcherCleanup": true,
+    "provide": true,
+    "reactive": true,
+    "readonly": true,
+    "ref": true,
+    "resolveComponent": true,
+    "shallowReactive": true,
+    "shallowReadonly": true,
+    "shallowRef": true,
+    "toRaw": true,
+    "toRef": true,
+    "toRefs": true,
+    "toValue": true,
+    "triggerRef": true,
+    "unref": true,
+    "useAttrs": true,
+    "useCssModule": true,
+    "useCssVars": true,
+    "useId": true,
+    "useModel": true,
+    "useSlots": true,
+    "useTemplateRef": true,
+    "watch": true,
+    "watchEffect": true,
+    "watchPostEffect": true,
+    "watchSyncEffect": true
+  }
+}

package/template/vue-tailwindcss/.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

package/template/vue-tailwindcss/.prettierrc.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 100
+}

package/template/vue-tailwindcss/.vscode/extensions.json

@@ -0,0 +1,9 @@
+{
+  "recommendations": [
+    "Vue.volar",
+    "vitest.explorer",
+    "dbaeumer.vscode-eslint",
+    "EditorConfig.EditorConfig",
+    "stylelint.vscode-stylelint"
+  ]
+}

package/template/vue-tailwindcss/README.md

@@ -0,0 +1,2 @@
+vue-tailwindcss项目
+项目包含tailwindcss vue3 ts vue-router axios eslint commitlint

package/template/vue-tailwindcss/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/template/vue-tailwindcss/eslint.config.ts

@@ -0,0 +1,90 @@
+import { globalIgnores } from 'eslint/config'
+import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescript'
+import pluginVue from 'eslint-plugin-vue'
+import pluginVitest from '@vitest/eslint-plugin'
+
+// To allow more languages other than `ts` in `.vue` files, uncomment the following lines:
+// import { configureVueProject } from '@vue/eslint-config-typescript'
+// configureVueProject({ scriptLangs: ['ts', 'tsx'] })
+// More info at https://github.com/vuejs/eslint-config-typescript/#advanced-setup
+
+export default defineConfigWithVueTs(
+  {
+    name: 'app/files-to-lint',
+    files: ['**/*.{ts,mts,tsx,vue}'],
+  },
+  // 忽略src/assets/images文件和svg
+
+  globalIgnores([
+    '**/dist/**',
+    '**/dist-ssr/**',
+    '**/coverage/**',
+    '**/node_modules/**',
+    '**/.history/**',
+    '**/src/assets/images/**',
+    '**/src/assets/images/**/*.svg',
+  ]),
+
+  pluginVue.configs['flat/essential'],
+  vueTsConfigs.recommended,
+
+  {
+    ...pluginVitest.configs.recommended,
+    files: ['src/**/__tests__/*'],
+  },
+  {
+    rules: {
+      // vue文件名不需要驼峰
+      'vue/filename-casing': 'off',
+      'vue/multi-word-component-names': 'off', // 关闭组件名称必须是多词的规则
+      // 不允许使用var
+      'no-var': 'error',
+      // 未使用的变量
+      'no-unused-vars': [
+        'error',
+        {
+          argsIgnorePattern: '^_', // 忽略以下划线开头的未使用变量
+        },
+      ],
+      // 常量必须const
+      'prefer-const': 'error',
+      // 必须每一行末尾有分号
+      // semi: ['error', 'always'],
+      // 圈复杂度
+      complexity: ['error', 15],
+      // "no-undef": "off", //由于eslint无法识别.d.ts声明文件中定义的变量，暂时关闭
+      // 允许使用any
+      '@typescript-eslint/no-explicit-any': 'off',
+      // 不允许在条件判断中用复制运算符
+      'no-cond-assign': 'error',
+      // 限制换行必须是LF
+      'linebreak-style': ['error', 'unix'],
+      // 标签属性按照顺序
+      'vue/attributes-order': [
+        'error',
+        {
+          order: [
+            'DEFINITION', // `is` 和 `v-is`
+            'LIST_RENDERING', // 列表渲染
+            'CONDITIONALS', // 条件渲染
+            'RENDER_MODIFIERS', // 渲染修饰符
+            'GLOBAL', // 全局属性
+            'UNIQUE', // 唯一属性
+            'TWO_WAY_BINDING', // 双向绑定
+            'OTHER_DIRECTIVES', // 其他指令
+            'OTHER_ATTR', // 其他属性
+            'EVENTS', // 事件
+            'CONTENT', // 内容
+          ],
+        },
+      ],
+    },
+  },
+)
+/**
+ * {
+  "rules": {
+    "no-cond-assign": "error"
+  }
+}
+ */

package/template/vue-tailwindcss/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/template/vue-tailwindcss/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "vue-tailwindcss",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "preview": "vite preview",
+    "test:unit": "vitest",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build",
+    "lint": "eslint --ignore-pattern dist/ --ignore-pattern .history --debug",
+    "eslint:fix": "eslint . --fix",
+    "format": "prettier --write src/"
+  },
+  "dependencies": {
+    "axios": "^1.12.2",
+    "lodash-es": "^4.17.21",
+    "pinia": "^3.0.3",
+    "vue": "^3.5.18",
+    "vue-router": "^4.5.1"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.1.13",
+    "@tsconfig/node22": "^22.0.2",
+    "@types/jsdom": "^21.1.7",
+    "@types/node": "^22.16.5",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vitest/eslint-plugin": "^1.3.4",
+    "@vue/eslint-config-prettier": "^10.2.0",
+    "@vue/eslint-config-typescript": "^14.6.0",
+    "@vue/test-utils": "^2.4.6",
+    "@vue/tsconfig": "^0.7.0",
+    "eslint": "^9.31.0",
+    "eslint-plugin-vue": "~10.3.0",
+    "jiti": "^2.4.2",
+    "jsdom": "^26.1.0",
+    "npm-run-all2": "^8.0.4",
+    "prettier": "3.6.2",
+    "sass": "^1.89.2",
+    "tailwindcss": "^4.1.13",
+    "typescript": "~5.8.0",
+    "unplugin-auto-import": "^19.3.0",
+    "vite": "^7.0.6",
+    "vite-plugin-vue-devtools": "^8.0.0",
+    "vitest": "^3.2.4",
+    "vue-tsc": "^3.0.4"
+  }
+}