ljr-cli 1.0.7 → 1.0.9

package/bin/commands/demo1.js

@@ -0,0 +1,12 @@
+export default function registerDemo1(program) {
+  program
+    .command("demo1 <name>")
+    .description("demo1演示")
+    .option("-l, --local", "从本地模板创建目录")
+    .option("-g, --git", "从git地址创建目录")
+    .action((name, options) => {
+      console.log("参数name=====>", name)
+      console.log("选项options=====>", options)
+      // 这里就是你真正要做的事情了
+    })
+}

package/bin/commands/demo2.js

@@ -0,0 +1,60 @@
+import * as prompts from "@clack/prompts"
+
+export default function registerDemo2(program, { gradientString }) {
+  program
+    .command("demo2")
+    .description("demo2演示")
+    .action(async () => {
+      prompts.intro(gradientString("创建项目"))
+
+      const group = await prompts.group(
+        {
+          name: () =>
+            prompts.text({
+              message: "请输入项目名称：",
+              placeholder: "项目名称",
+              validate: (value) => {
+                if (!value.trim().length) {
+                  return "请输入项目名称"
+                }
+                if (/[^a-z-_]+/i.test(value)) {
+                  return "英文开头或下划线开头，且只能包含英文、数字、下划线或中划线"
+                }
+              },
+            }),
+          template: () =>
+            prompts.select({
+              message: "请选择模板：",
+              options: [
+                { label: "vue3.x", value: "vue3.x", hint: "vue3项目" },
+                { label: "vue2.7.16", value: "vue2.7.16", hint: "vue2的最后一个版本" },
+              ],
+            }),
+          age: () => prompts.text({ message: "What is your age?" }),
+          shouldContinue: () =>
+            prompts.confirm({
+              message: "是否继续?",
+            }),
+          color: ({ results }) =>
+            prompts.multiselect({
+              message: `What is your favorite color ${results.name}?`,
+              options: [
+                { value: "red", label: "Red" },
+                { value: "green", label: "Green" },
+                { value: "blue", label: "Blue" },
+              ],
+            }),
+        },
+        {
+          onCancel: ({ results }) => {
+            prompts.cancel("取消操作！")
+            process.exit(0)
+          },
+        },
+      )
+
+      console.log("group=====>", group)
+
+      prompts.outro(gradientString("项目创建完成"))
+    })
+}

package/bin/commands/init.js

@@ -0,0 +1,130 @@
+import path from "node:path"
+import { existsSync } from "node:fs"
+import { copySync, emptyDirSync } from "fs-extra/esm"
+import * as prompts from "@clack/prompts"
+import download from "download-git-repo"
+import { replaceInFile } from "replace-in-file"
+
+export default function registerInit(program, { currentRunningDirPath, cwdPath, gradientString }) {
+  function downloadTemplate(gitUrl, projectName) {
+    return new Promise((resolve, reject) => {
+      download(gitUrl, path.resolve(cwdPath, projectName), { clone: true }, function (err) {
+        if (err) return reject(err)
+        resolve()
+      })
+    })
+  }
+
+  program
+    .command("init")
+    .description("创建项目")
+    .action(async () => {
+      prompts.intro(gradientString("开始创建项目"))
+
+      const group = await prompts.group(
+        {
+          name: () =>
+            prompts.text({
+              message: "请输入项目名称：",
+              placeholder: "项目名称",
+              validate: (value) => {
+                if (!value.trim().length) return "请输入项目名称"
+                if (!/^[a-zA-Z_][a-zA-Z0-9_\-]*$/.test(value)) {
+                  return "英文开头或下划线开头，且只能包含英文、数字、下划线或中划线"
+                }
+              },
+            }),
+          templateName: () =>
+            prompts.select({
+              message: "请选择模板：",
+              options: [
+                { label: "vue3.5.25-2025.12.4", value: "vue3.5.25-2025.12.4" },
+                { label: "vue2.7.16", value: "vue2.7.16" },
+                { label: "react", value: "react" },
+              ],
+            }),
+          source: () =>
+            prompts.select({
+              message: "请选择来源：",
+              options: [
+                { label: "本地", value: "local" },
+                { label: "git仓库", value: "git" },
+              ],
+            }),
+        },
+        {
+          onCancel: () => {
+            prompts.cancel("取消操作！")
+            process.exit(0)
+          },
+        },
+      )
+
+      const s = prompts.spinner({ indicator: "timer" })
+
+      if (existsSync(group.name)) {
+        const confirm = await prompts.confirm({ message: gradientString("文件夹已存在，是否清空？", ["red", "red"]) })
+        if (confirm) emptyDirSync(group.name)
+        else {
+          prompts.cancel("取消操作！")
+          process.exit(0)
+        }
+      } else {
+        emptyDirSync(group.name)
+      }
+
+      s.start("创建文件夹...")
+      s.stop("文件夹操作完成！")
+
+      s.start("写入模版中...")
+      try {
+        if (group.source === "local") {
+          const srcPath = path.join(currentRunningDirPath, "/templates/", group.templateName)
+          const destPath = `./${group.name}`
+
+          copySync(srcPath, destPath, {
+            recursive: true,
+            filter: (src) => {
+              const rel = path.relative(srcPath, src)
+              if (!rel) return true
+              const parts = rel.split(path.sep)
+              if (parts.includes("node_modules") || parts.includes("dist") || parts.includes(".eslintcache"))
+                return false
+              return true
+            },
+          })
+        }
+
+        if (group.source === "git") {
+          await downloadTemplate("direct:https://gitee.com/ljr-395181403/git-test.git#master", group.name)
+        }
+      } catch (error) {
+        console.log("error=====>", error)
+        prompts.cancel("模版写入失败！")
+        process.exit(0)
+      }
+
+      await new Promise((r) => setTimeout(r, 2000))
+      s.stop("模版写入完成！")
+
+      if (existsSync(path.join(cwdPath, group.name, "package.json"))) {
+        s.start("项目名操作...")
+        try {
+          const pkgFile = path.join(cwdPath, group.name, "package.json")
+          await replaceInFile({
+            files: pkgFile,
+            from: /("name"\s*:\s*)".*?"/,
+            to: `$1"${group.name}"`,
+          })
+        } catch (err) {
+          console.error("替换 package.json name 失败：", err)
+          prompts.cancel("项目名修改失败")
+          process.exit(1)
+        }
+        await new Promise((r) => setTimeout(r, 1000))
+        s.stop("项目名操作完成！")
+      }
+
+      prompts.outro(gradientString("项目创建完成！ 🎉"))
+    })
+}

package/bin/commands/sync.js

@@ -0,0 +1,144 @@
+import path from "node:path"
+import { existsSync } from "node:fs"
+import { copySync } from "fs-extra/esm"
+import * as prompts from "@clack/prompts"
+
+export default function registerSync(program, { currentRunningDirPath, cwdPath, gradientString }) {
+  program
+    .command("sync")
+    .description("同步文件")
+    .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 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 (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) {
+        prompts.cancel(`同步失败：${err}`)
+        process.exit(1)
+      }
+
+      prompts.outro(gradientString("同步完成！ 🎉"))
+    })
+}

package/bin/index.js

@@ -2,15 +2,22 @@
 
 import { program } from "commander"
 import gradient from "gradient-string"
-import * as prompts from "@clack/prompts"
-import { readFileSync, existsSync } from "fs"
-import { copySync, emptyDirSync } from "fs-extra/esm"
-import { fileURLToPath } from "url"
-import path from "path"
+import { readFileSync } from "node:fs"
+import { fileURLToPath } from "node:url"
+import path from "node:path"
 import { dateFormat } from "l-global/utils/date.js"
-import download from "download-git-repo"
-import { replaceInFile } from "replace-in-file"
 import updateNotifier from "update-notifier"
+import registerInit from "./commands/init.js"
+import registerSync from "./commands/sync.js"
+import registerDemo1 from "./commands/demo1.js"
+import registerDemo2 from "./commands/demo2.js"
+
+// 当前运行文件的路径
+const currentRunningFilePath = fileURLToPath(import.meta.url)
+// 当前运行文件的文件夹
+const currentRunningDirPath = path.dirname(currentRunningFilePath)
+// 当前命令行的路径
+const cwdPath = process.cwd()
 
 /** 渐变字符串 */
 const gradientString = (str, gradientColor = ["#42d392", "#647eff"]) => {
@@ -27,12 +34,7 @@ program.hook("postAction", () => {
   console.log(gradientString(`-------------------- 结束时间 - ${dateFormat()} --------------------`, ["red", "yellow"]))
 })
 
-// 读取 package.json 里的 version（在 ESM 下安全做法）
-// 当前运行文件的路径
-const __filename = fileURLToPath(import.meta.url)
-// 当前运行文件的文件夹
-const __dirname = path.dirname(__filename)
-const pkg = JSON.parse(readFileSync(path.join(__dirname, "../package.json"), "utf-8"))
+const pkg = JSON.parse(readFileSync(path.join(currentRunningDirPath, "../package.json"), "utf-8"))
 const version = pkg.version
 
 // const notifier = updateNotifier({ pkg })
@@ -44,196 +46,11 @@ if (notifier.update && notifier.update.latest && notifier.update.latest !== pkg.
   notifier.notify()
 }
 
-// 当前命令行的路径
-const cwdPath = process.cwd()
-
 program.version(version, "-v, --version", "查看版本号信息")
 
-function downloadTemplate(gitUrl, projectName) {
-  return new Promise((resolve, reject) => {
-    download(gitUrl, path.resolve(cwdPath, projectName), { clone: true }, function (err) {
-      if (err) {
-        return reject(err)
-      }
-      resolve()
-    })
-  })
-}
-
-// 初始化项目
-program
-  .command("init")
-  .description("创建项目")
-  .action(async () => {
-    prompts.intro(gradientString("开始创建项目"))
-
-    const group = await prompts.group(
-      {
-        name: () =>
-          prompts.text({
-            message: "请输入项目名称：",
-            placeholder: "项目名称",
-            validate: (value) => {
-              if (!value.trim().length) {
-                return "请输入项目名称"
-              }
-              if (/[^a-z-_]+/i.test(value)) {
-                return "英文开头或下划线开头，且只能包含英文、数字、下划线或中划线"
-              }
-            },
-          }),
-        templateName: () =>
-          prompts.select({
-            message: "请选择模板：",
-            options: [
-              { label: "vue3.5.25-2025.12.4", value: "vue3.5.25-2025.12.4", hint: "2025.12.4创建的" },
-              { label: "vue2.7.16", value: "vue2.7.16", hint: "vue2项目，这是vue2的最后一个版本" },
-              { label: "react", value: "react", hint: "react项目" },
-              { label: "qiankun", value: "qiankun", hint: "微前端-乾坤版本" },
-              { label: "monorepo", value: "monorepo", hint: "monorepo架构-单仓库多项目" },
-              { label: "node", value: "node", hint: "node服务" },
-              { label: "java", value: "java", hint: "java服务" },
-              { label: "mysql", value: "mysql", hint: "mysql数据库" },
-              { label: "wx-miniapp", value: "wx-miniapp", hint: "微信原生小程序" },
-              { label: "uni-app", value: "uni-app", hint: "uni-app项目" },
-              { label: "flutter", value: "flutter", hint: "flutter项目" },
-            ],
-          }),
-        source: () =>
-          prompts.select({
-            message: "请选择来源：",
-            options: [
-              { label: "本地", value: "local", hint: "从本地模板创建" },
-              {
-                label: "git仓库",
-                value: "git",
-                hint: "从git地址创建，这里为了演示，只是随便用了个git仓库，并不是真正的模版仓库",
-              },
-            ],
-          }),
-      },
-      {
-        onCancel: ({ results }) => {
-          prompts.cancel("取消操作！")
-          process.exit(0)
-        },
-      },
-    )
-
-    const s = prompts.spinner({ indicator: "timer" })
-
-    // 判断文件夹是否存在，存在询问是否清空
-    if (existsSync(group.name)) {
-      const confirm = await prompts.confirm({
-        message: gradientString("文件夹已存在，是否清空？", ["red", "red"]),
-      })
-      if (confirm) {
-        emptyDirSync(group.name)
-      } else {
-        prompts.cancel("取消操作！")
-        process.exit(0)
-      }
-    } else {
-      emptyDirSync(group.name)
-    }
-
-    s.start("创建文件夹...")
-    s.stop("文件夹操作完成！")
-
-    s.start("写入模版中...")
-    try {
-      if (group.source === "local") {
-        // 源路径
-        const srcPath = path.join(__dirname, "/templates/", group.templateName)
-        // 目标路径
-        const destPath = `./${group.name}`
-
-        copySync(srcPath, destPath, {
-          recursive: true,
-          filter: (src) => {
-            // 相对于模板根的相对路径
-            const rel = path.relative(srcPath, src)
-            // 根目录本身允许
-            if (!rel) return true
-            const parts = rel.split(path.sep)
-            // 如果路径中包含 node_modules 或 dist 则过滤掉
-            if (parts.includes("node_modules") || parts.includes("dist") || parts.includes(".eslintcache")) {
-              return false
-            }
-            return true
-          },
-        })
-      }
-
-      if (group.source === "git") {
-        await downloadTemplate("direct:https://gitee.com/ljr-395181403/git-test.git#master", group.name)
-      }
-    } catch (error) {
-      console.log("error=====>", error)
-      prompts.cancel("模版写入失败！")
-      process.exit(0)
-    }
-
-    await new Promise((resolve) => setTimeout(resolve, 2000)) // 为了更好的演示效果，强制等待
-    s.stop("模版写入完成！")
-
-    // 判断package.json是否存在
-    if (existsSync(path.join(cwdPath, group.name, "package.json"))) {
-      s.start("项目名操作...")
-      try {
-        const pkgFile = path.join(cwdPath, group.name, "package.json")
-        await replaceInFile({
-          files: pkgFile,
-          from: /("name"\s*:\s*)".*?"/,
-          to: `$1"${group.name}"`,
-        })
-      } catch (err) {
-        console.error("替换 package.json name 失败：", err)
-        prompts.cancel("项目名修改失败")
-        process.exit(1)
-      }
-      await new Promise((resolve) => setTimeout(resolve, 1000)) // 为了更好的演示效果，强制等待
-      s.stop("项目名操作完成！")
-    }
-
-    prompts.outro(gradientString("项目创建完成！ 🎉"))
-  })
-
-// 同步文件
-program
-  .command("sync")
-  .description("同步文件")
-  .action(async () => {
-    prompts.intro(gradientString("开始同步"))
-
-    try {
-      // 本程序所在包里 node_modules/l-global 的路径
-      const moduleBase = path.join(__dirname, "../node_modules/l-global")
-      const cssSrc = path.join(moduleBase, "css")
-      const utilsSrc = path.join(moduleBase, "utils")
-      // 当前命令行运行路径下的目标 src 文件夹
-      const destBase = path.join(cwdPath, "src")
-
-      // 逐项拷贝（fs-extra.copySync 会自动创建目标父目录）
-      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)
-      }
-
-      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)
-      }
-    } catch (err) {
-      console.error("同步出错：", err)
-      prompts.cancel("同步失败")
-      process.exit(1)
-    }
+registerInit(program, { currentRunningDirPath, cwdPath, gradientString })
+registerSync(program, { currentRunningDirPath, cwdPath, gradientString })
+registerDemo1(program, { currentRunningDirPath, cwdPath, gradientString })
+registerDemo2(program, { currentRunningDirPath, cwdPath, gradientString })
 
-    prompts.outro(gradientString("同步完成！ 🎉"))
-  })
 program.parse(process.argv)

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"