ljr-cli 1.0.8 → 1.0.10

package/bin/commands/demo1.js

@@ -1,6 +1,6 @@
 export default function registerDemo1(program) {
   program
-    .command("demo1 <name>")
+    .command("demo1 [name]")
     .description("demo1演示")
     .option("-l, --local", "从本地模板创建目录")
     .option("-g, --git", "从git地址创建目录")

package/bin/commands/init.js

@@ -29,7 +29,9 @@ export default function registerInit(program, { currentRunningDirPath, cwdPath,
               placeholder: "项目名称",
               validate: (value) => {
                 if (!value.trim().length) return "请输入项目名称"
-                if (/[^a-z-_]+/i.test(value)) return "英文开头或下划线开头，且只能包含英文、数字、下划线或中划线"
+                if (!/^[a-zA-Z_][a-zA-Z0-9_\-]*$/.test(value)) {
+                  return "英文开头或下划线开头，且只能包含英文、数字、下划线或中划线"
+                }
               },
             }),
           templateName: () =>

package/bin/commands/sync.js

@@ -10,28 +10,132 @@ export default function registerSync(program, { currentRunningDirPath, cwdPath,
     .action(async () => {
       prompts.intro(gradientString("开始同步"))
 
+      const destPath = await prompts.text({
+        message: "输出的文件夹路径：",
+        placeholder: "输出的文件夹路径",
+        initialValue: "src",
+        validate: (value) => {
+          if (!value.trim().length) return "请输入输出的文件夹路径"
+        },
+      })
+
+      /** 选择同步的文件夹 */
+      const syncFolder = await prompts.multiselect({
+        message: "请选择需要同步的文件夹",
+        options: [
+          { label: "css", value: "css" },
+          { label: "less", value: "less" },
+          { label: "utils", value: "utils" },
+        ],
+        required: true,
+        initialValues: ["css", "utils"],
+      })
+      if (prompts.isCancel(syncFolder)) {
+        prompts.cancel("取消操作！")
+        process.exit(0)
+      }
+
+      /** 选择同步的css文件 */
+      let cssFiles = []
+      if (syncFolder.includes("css")) {
+        cssFiles = await prompts.multiselect({
+          message: `请选择需要同步的css文件${gradientString("(未选择的情况下，同步整个文件夹)", ["red", "red"])}`,
+          options: [
+            { label: "index.css", value: "index.css" },
+            { label: "base.css", value: "base.css" },
+            { label: "theme.css", value: "theme.css" },
+            { label: "global.css", value: "global.css" },
+          ],
+          required: false,
+          initialValues: ["index.css", "base.css", "theme.css", "global.css"],
+        })
+        if (prompts.isCancel(syncFolder)) {
+          prompts.cancel("取消操作！")
+          process.exit(0)
+        }
+      }
+
+      /** 选择同步的util文件 */
+      let utilFiles = []
+      if (syncFolder.includes("utils")) {
+        utilFiles = await prompts.multiselect({
+          message: `请选择需要同步的util文件${gradientString("(未选择的情况下，同步整个文件夹)", ["red", "red"])}`,
+          options: [
+            { label: "arr.js", value: "arr.js" },
+            { label: "city.js", value: "city.js" },
+            { label: "date.js", value: "date.js" },
+            { label: "file.ts", value: "file.ts" },
+            { label: "file.js", value: "file.js" },
+            { label: "index.js", value: "index.js" },
+          ],
+          required: false,
+          initialValues: ["arr.js", "city.js", "date.js", "file.js", "index.js"],
+        })
+        if (prompts.isCancel(syncFolder)) {
+          prompts.cancel("取消操作！")
+          process.exit(0)
+        }
+      }
+
       try {
+        // 模块路径
         const moduleBase = path.join(currentRunningDirPath, "../node_modules/l-global")
-        const cssSrc = path.join(moduleBase, "css")
-        const utilsSrc = path.join(moduleBase, "utils")
-        const destBase = path.join(cwdPath, "src")
-
-        if (existsSync(cssSrc)) {
-          copySync(cssSrc, path.join(destBase, "css"), { recursive: true, overwrite: true })
-          console.log("已复制：l-global/css -> src/css")
-        } else {
-          console.warn("未找到 l-global/css：", cssSrc)
+        // 输出路径
+        const destBase = path.join(cwdPath, destPath)
+
+        const s = prompts.spinner({ indicator: "timer" })
+
+        // 通用复制函数：若 selectedFiles 有值，则只复制这些文件（文件名包含扩展名），否则复制整个文件夹
+        const copyFolderOrFiles = (moduleBasePath, folderName, destBasePath, selectedFiles = []) => {
+          const folderSrc = path.join(moduleBasePath, folderName)
+          const folderDest = path.join(destBasePath, folderName)
+
+          // 如果选中了具体文件，逐个复制
+          if (selectedFiles && selectedFiles.length) {
+            for (const fname of selectedFiles) {
+              const srcFile = path.join(folderSrc, fname)
+              const destFile = path.join(folderDest, fname)
+              s.start(`复制 ${folderName}/${fname} ...`)
+              if (!existsSync(srcFile)) {
+                s.stop()
+                throw new Error(`未找到文件：${srcFile}`)
+              }
+              // 确保目标目录存在，copySync 会自动创建父目录
+              copySync(srcFile, destFile, { overwrite: true })
+              s.stop(`已复制：l-global/${folderName}/${fname} -> src/${folderName}/${fname}`)
+            }
+            return
+          }
+
+          // 否则复制整个文件夹
+          s.start(`复制 ${folderName} 文件夹...`)
+          if (!existsSync(folderSrc)) {
+            s.stop()
+            throw new Error(`未找到 l-global/${folderName}：${folderSrc}`)
+          }
+          copySync(folderSrc, folderDest, { recursive: true, overwrite: true })
+          s.stop(`已复制：l-global/${folderName} -> src/${folderName}`)
         }
 
-        if (existsSync(utilsSrc)) {
-          copySync(utilsSrc, path.join(destBase, "utils"), { recursive: true, overwrite: true })
-          console.log("已复制：l-global/utils -> src/utils")
-        } else {
-          console.warn("未找到 l-global/utils：", utilsSrc)
+        // 输出的文件夹
+        if (syncFolder.length) {
+          for (const e of syncFolder) {
+            if (e === "css") {
+              // 使用通用函数：传入 cssFiles（可能为空）
+              copyFolderOrFiles(moduleBase, "css", destBase, cssFiles)
+              continue
+            }
+            if (e === "utils") {
+              // 使用通用函数：传入 utilFiles（可能为空）
+              copyFolderOrFiles(moduleBase, "utils", destBase, utilFiles)
+              continue
+            }
+            // less / utils 等按整体复制
+            copyFolderOrFiles(moduleBase, e, destBase)
+          }
         }
       } catch (err) {
-        console.error("同步出错：", err)
-        prompts.cancel("同步失败")
+        prompts.cancel(`同步失败：${err}`)
         process.exit(1)
       }
 

package/bin/templates/vue2.7.16/README.md

@@ -44,28 +44,30 @@ pnpm install
 ### 项目运行
 
 ```sh
-pnpm run dev || pnpm run serve
+pnpm dev || pnpm serve
 ```
 
 ### 项目打包
 
 ```sh
-pnpm run build
+pnpm build
 ```
 
 ### 检查和修复文件
 
 ```sh
-pnpm run lint
+pnpm lint
 ```
 
-### 命名规范
-
-| 类别               | 推荐命名方式                                    | 示例              | 关键点/例外情况        |
-| ------------------ | ----------------------------------------------- | ----------------- | ---------------------- |
-| 通用               | kebab-case                                      | package-lock.json | 没有特别说明尽量用这个 |
-| 变量               | camelCase                                       | userProfile       |                        |
-| 路由名称           | camelCase 或者 PascalCase                       | userProfile       |                        |
-| App.vue            | PascalCase                                      |                   |                        |
-| Vue 组件里的组件名 | PascalCase                                      |                   |                        |
-| Vue 组件里的 Props | 在声明时使用 camelCase，在模板中使用 kebab-case |                   |                        |
+## 命名规范
+
+| 类别               | 推荐命名方式                                    | 示例                       | 关键点/例外情况        |
+| ------------------ | ----------------------------------------------- | -------------------------- | ---------------------- |
+| 通用               | kebab-case                                      | package-lock.json          | 没有特别说明尽量用这个 |
+| 路由名称           | kebab-case                                      | user-info                  | 最通用、最推荐路径命名 |
+| Vue 组件里的组件名 | kebab-case                                      | user-info.vue              |                        |
+| Vue 组件里的 Props | 在声明时使用 camelCase，在模板中使用 kebab-case |                            |                        |
+| 方法 / 函数 / 变量 | camelCase                                       | getUserInfo                |                        |
+| 构造函数 / 类      | PascalCase                                      | UserInfo                   |                        |
+| 常量               | UPPER_SNAKE_CASE(全大写 + 下划线分隔)           | const BASE_API_URL = "xxx" |                        |
+| 私有属性 / 方法    | \_camelCase(下划线开头 + 小驼峰)                | \_userInfo                 |                        |

package/bin/templates/vue2.7.16/public/index.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="">
+<html lang="zh">
   <head>
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -9,10 +9,10 @@
   </head>
   <body>
     <noscript>
-      <strong
-        >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please
-        enable it to continue.</strong
-      >
+      <strong>
+        We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please
+        enable it to continue.
+      </strong>
     </noscript>
     <div id="app"></div>
     <!-- built files will be auto injected -->

package/bin/templates/vue3.5.25-2025.12.4/.vscode/settings.json

@@ -1,6 +1,7 @@
 {
   "explorer.fileNesting.enabled": true,
   "explorer.fileNesting.patterns": {
+    "*.vue": "$(capture).ts, $(capture).*.ts, $(capture).*.js, $(capture).css, $(capture).scss, $(capture).less",
     "tsconfig.json": "tsconfig.*.json, env.d.ts",
     "vite.config.*": "jsconfig*, vitest.config.*, cypress.config.*, playwright.config.*",
     "package.json": "*.env, .env.*, env.d.ts, package-lock.json, pnpm*, .yarnrc*, yarn*, .eslint*, eslint*, .oxlint*, oxlint*, .prettier*, prettier*, .editorconfig, .gitignore, .gitattributes, index.html, .browserslistrc, babel.config.js, jsconfig.json, auto-imports.d.ts, components.d.ts, typed-router.d.ts"

package/bin/templates/vue3.5.25-2025.12.4/README.md

@@ -29,34 +29,35 @@ pnpm install
 ### 编译和热重载开发
 
 ```sh
-pnpm run dev || pnpm run serve
+pnpm dev || pnpm serve
 ```
 
 ### 为生产进行类型检查、编译和最小化
 
 ```sh
-pnpm run build
+pnpm build
 ```
 
 ### eslint检查
 
 ```sh
-pnpm run lint
+pnpm lint
 ```
 
 ### prettier格式化
 
 ```sh
-pnpm run format
+pnpm format
 ```
 
-# 全局
+# 样式
 
-全局引入 l-global 包，包括 variable.css、base.css、global.css 和 utils 工具类
+全局 `@/css/index.css` 里面包含了 `theme.css`、`base.css`、`global.css`
+集成 `unocss` 原子化css
 
 # 自动导入
 
-使用 `unplugin-auto-import` 插件自动导入vue、vue-route
+使用 `unplugin-auto-import` 插件自动导入 `vue`、`vue-route`、`pinia`、`vueuse`
 使用 `unplugin-auto-import`、`unplugin-vue-components` 插件按需导入element-plus组件
 
 # 路由
@@ -65,12 +66,21 @@ pnpm run format
 加入页面过渡动画
 封装了全局登录判断的路由卫士
 
+# 左侧菜单
+
+未整理
+
+# 函数式弹窗
+
+未整理
+
 # store仓库
 
 使用 `pinia-plugin-persistedstate` 做持久化，默认全部 store 都持久化
 持久化储存的 `key` 默认加上 `pinia` 前缀
 默认都存到 `sessionStorage` ，account 的 store 默认改成 `localStorage` 存储
 如果需要关闭持久化，为单个 store 配置
+此项目统一采用组合式 `pinia` 写法，选项式 `pinia` 写法也有示例，请自行选择
 
 # 布局
 
@@ -78,7 +88,6 @@ pnpm run format
 
 - 上下布局：顶部信息，下左菜单，下右页面
 - 左右布局：左侧菜单，右上顶部信息，右下页面
-- 全屏页面（隐藏顶部信息和菜单）：只有页面，没有顶部信息和菜单，可通过快捷键退出全屏页面
 
 # 其他
 
@@ -109,16 +118,18 @@ axios 封装
 ├── stores                                # stores
 ├── views                                 # 页面
 ├── package.json
-├── package-lock.json
+├── pnpm-lock.yaml
 ```
 
 ## 命名规范
 
-| 类别               | 推荐命名方式                                    | 示例              | 关键点/例外情况        |
-| ------------------ | ----------------------------------------------- | ----------------- | ---------------------- |
-| 通用               | kebab-case                                      | package-lock.json | 没有特别说明尽量用这个 |
-| 变量               | camelCase                                       | userProfile       |                        |
-| 路由名称           | camelCase 或者 PascalCase                       | userProfile       |                        |
-| App.vue            | PascalCase                                      |                   |                        |
-| Vue 组件里的组件名 | PascalCase                                      |                   |                        |
-| Vue 组件里的 Props | 在声明时使用 camelCase，在模板中使用 kebab-case |                   |                        |
+| 类别               | 推荐命名方式                                    | 示例                       | 关键点/例外情况        |
+| ------------------ | ----------------------------------------------- | -------------------------- | ---------------------- |
+| 通用               | kebab-case                                      | package-lock.json          | 没有特别说明尽量用这个 |
+| 路由名称           | kebab-case                                      | user-info                  | 最通用、最推荐路径命名 |
+| Vue 组件里的组件名 | kebab-case                                      | user-info.vue              |                        |
+| Vue 组件里的 Props | 在声明时使用 camelCase，在模板中使用 kebab-case |                            |                        |
+| 方法 / 函数 / 变量 | camelCase                                       | getUserInfo                |                        |
+| 构造函数 / 类      | PascalCase                                      | UserInfo                   |                        |
+| 常量               | UPPER_SNAKE_CASE(全大写 + 下划线分隔)           | const BASE_API_URL = "xxx" |                        |
+| 私有属性 / 方法    | \_camelCase(下划线开头 + 小驼峰)                | \_userInfo                 |                        |