hlq-cli 1.0.0

package/README.md

@@ -0,0 +1,18 @@
+# vueNpmCLi
+
+#### 介绍
+自定义vue脚手架
+
+#### 软件架构
+软件架构说明
+
+
+#### 安装教程
+
+npm i
+npm link
+hlq-cli create my-project
+
+#### 使用说明
+
+

package/bin/index.js

@@ -0,0 +1,16 @@
+#!/usr/bin/env node
+
+const { program } = require('commander')
+const create = require('../lib/create')
+
+// 定义 create 命令，<project-name> 是必需参数
+program
+  .command('create <project-name>')
+  .description('创建一个新项目')
+  .action((projectName) => {
+    // 执行创建逻辑，将项目名传过去
+    create(projectName)
+  })
+
+// 解析用户输入的命令行参数
+program.parse(process.argv)

package/lib/aesCreate.js

@@ -0,0 +1,11 @@
+const path = require('path')
+async function aesCreate(isAesUse, packageJsonContent, targetDir, fs) {
+  if (isAesUse) {
+    packageJsonContent.dependencies['crypto-js'] = '^4.2.0'
+  } else {
+    const aesDir = path.join(targetDir, 'src/utils/crypto.ts')
+    await fs.remove(aesDir)
+    console.log(`已移除文件 ${aesDir}`)
+  }
+}
+module.exports = aesCreate

package/lib/axiosCreate.js

@@ -0,0 +1,11 @@
+const path = require('path')
+async function axiosCreate(isAxiosUse, packageJsonContent, targetDir, fs) {
+  if (isAxiosUse) {
+    packageJsonContent.dependencies['axios'] = '^1.8.1'
+  } else {
+    const axiosDir = path.join(targetDir, 'src/utils/request.ts')
+    await fs.remove(axiosDir)
+    console.log(`已移除文件 ${axiosDir}`)
+  }
+}
+module.exports = axiosCreate

package/lib/create.js

@@ -0,0 +1,172 @@
+const path = require('path')
+const fs = require('fs-extra') // fs 的增强版，更方便
+const inquirer = require('inquirer')
+const { execSync } = require('child_process') // 用于自动安装依赖
+const stateCreate = require('./stateCreate') // 引入 stateCreate 函数，用于创建状态管理
+const echartCreate = require('./echartCreate') // 引入 echartCreate 函数，用于创建echart插件
+const websocketCreate = require('./websocketCreate') // 引入 websocketCreate 函数，用于创建websocket插件函数
+const aesCreate = require('./aesCreate') // 引入 aesCreate 函数，用于创建AES加密插件
+const rsaCreate = require('./rsaCreate') // 引入 rsaCreate 函数，用于创建rsa加密插件
+const jwtDecodeCreate = require('./jwtDecodeCreate') // 引入 jwtDecodeCreate 函数，用于创建jwt解析插件
+const axiosCreate = require('./axiosCreate') // 引入 axiosCreate 函数，用于创建axios插件函数
+
+const pluginsUse = async (plugins, packageJsonContent, targetDir, fs) => {
+  // 是否需要echart插件
+  const isEchartUse = plugins.includes('echarts')
+  try {
+    await echartCreate(isEchartUse, packageJsonContent, targetDir, fs)
+  } catch (error) {
+    console.error('处理echart插件失败:', error)
+  }
+  // 是否需要websocket插件
+  const isWebSocketUse = plugins.includes('websocket')
+  try {
+    await websocketCreate(isWebSocketUse, packageJsonContent, targetDir, fs)
+  } catch (error) {
+    console.error('处理websocket插件失败:', error)
+  }
+  // 是否需要AES加密插件
+  const isAesUse = plugins.includes('aes')
+  try {
+    await aesCreate(isAesUse, packageJsonContent, targetDir, fs)
+  } catch (error) {
+    console.error('处理AES加密插件失败:', error)
+  }
+  // 是否需要rsa加密插件
+  const isRsaUse = plugins.includes('rsa')
+  try {
+    await rsaCreate(isRsaUse, packageJsonContent, targetDir, fs)
+  } catch (error) {
+    console.error('处理rsa加密插件失败:', error)
+  }
+  // 是否需要jwt解析插件
+  const isJwtDecodeUse = plugins.includes('jwt-decode')
+  try {
+    await jwtDecodeCreate(isJwtDecodeUse, packageJsonContent, targetDir, fs)
+  } catch (error) {
+    console.error('处理jwt解析插件失败:', error)
+  }
+  // 是否需要axios插件
+  const isAxiosUse = plugins.includes('axios')
+  try {
+    await axiosCreate(isAxiosUse, packageJsonContent, targetDir, fs)
+  } catch (error) {
+    console.error('处理axios插件失败:', error)
+  }
+}
+
+module.exports = async (projectName) => {
+  // 输入密码
+  const { password } = await inquirer.prompt([
+    {
+      name: 'password',
+      type: 'password',
+      message: '请输入密码:',
+    },
+  ])
+  if (password !== 'qweasd') {
+    console.log('密码错误')
+    process.exit(1)
+  }
+
+  // 1. 获取目标路径
+  const targetDir = path.join(process.cwd(), projectName)
+
+  // 2. 检查同名文件夹是否存在，并询问是否覆盖
+  if (fs.existsSync(targetDir)) {
+    const { isOverwrite } = await inquirer.prompt([
+      {
+        name: 'isOverwrite',
+        type: 'confirm',
+        message: `目录 ${projectName} 已存在，是否覆盖？`,
+        default: false,
+      },
+    ])
+    if (isOverwrite) {
+      await fs.remove(targetDir)
+      console.log(`已移除旧目录 ${projectName}`)
+    } else {
+      console.log('操作已取消')
+      return
+    }
+  }
+
+  // 3. 定义模板路径 (这里使用了固定的模板，你可以根据inquirer的选择来动态配置)
+  const templateDir = path.join(__dirname, '../templates')
+
+  // 4. 复制模板文件到目标路径
+  console.log('正在拷贝项目模板...')
+  await fs.copy(templateDir, targetDir)
+  console.log('模板拷贝完成')
+
+  // 5. 处理模板中的动态内容，例如 package.json
+  const targetPackageJsonPath = path.join(targetDir, 'package.json')
+  const packageJsonContent = await fs.readJson(targetPackageJsonPath)
+  // 替换项目名称
+  packageJsonContent.name = projectName
+  // 状态管理插件
+  const { stateUse, plugins } = await inquirer.prompt([
+    {
+      name: 'stateUse',
+      type: 'list',
+      message: '选择状态管理方案：',
+      choices: [
+        { name: 'Pinia（推荐）', value: 'pinia' },
+        { name: 'Vuex', value: 'vuex' },
+        { name: '不使用状态管理', value: 'none' },
+      ],
+      default: 'pinia', // 默认选中
+    },
+    {
+      name: 'plugins',
+      type: 'checkbox',
+      message: '请选择需要安装的插件：',
+      choices: [
+        { name: 'ECharts 图表库', value: 'echarts', checked: false },
+        { name: 'WebSocket 实时通信', value: 'websocket', checked: false },
+        { name: 'Axios HTTP请求', value: 'axios', checked: false },
+        { name: 'token解析', value: 'jwt-decode', checked: false },
+        { name: 'rsa加密', value: 'rsa', checked: false },
+        { name: 'AES加密', value: 'aes', checked: false },
+      ],
+      pageSize: 30, // 可选：每页显示的选项数量
+    },
+  ])
+  try {
+    await stateCreate(stateUse, packageJsonContent, targetDir, fs)
+  } catch (error) {
+    console.error('处理状态管理插件失败:', error)
+  }
+  try {
+    await pluginsUse(plugins, packageJsonContent, targetDir, fs)
+  } catch (error) {
+    console.error('处理插件失败:', error)
+  }
+  // 你可以在这里替换或添加更多配置，比如 version, description 等
+  await fs.writeJson(targetPackageJsonPath, packageJsonContent, { spaces: 2 })
+  console.log('项目配置已更新')
+
+  // 6. 可选：自动安装依赖
+  const { shouldInstall } = await inquirer.prompt([
+    {
+      name: 'shouldInstall',
+      type: 'confirm',
+      message: '是否自动安装项目依赖？',
+      default: false,
+    },
+  ])
+
+  if (shouldInstall) {
+    console.log('正在安装依赖，请稍候...')
+    execSync('npm install', { cwd: targetDir, stdio: 'inherit' })
+    console.log('依赖安装完成')
+  }
+
+  // 7. 输出成功信息和后续指引
+  console.log(`
+✨ 项目创建成功！
+👉 请执行以下命令开始：
+  cd ${projectName}
+  npm run dev
+  `)
+}

package/lib/echartCreate.js

@@ -0,0 +1,12 @@
+const path = require('path')
+async function echartCreate(isEchartUse, packageJsonContent, targetDir, fs) {
+  if (isEchartUse) {
+    packageJsonContent.dependencies['echarts'] = '^6.0.0'
+  } else {
+    //删除targetDir/src/components/chart文件夹
+    const chartDir = path.join(targetDir, 'src/components/chart')
+    await fs.remove(chartDir)
+    console.log(`已移除目录 ${chartDir}`)
+  }
+}
+module.exports = echartCreate

package/lib/jwtDecodeCreate.js

@@ -0,0 +1,16 @@
+const path = require('path')
+async function jwtDecodeCreate(
+  isJwtDecodeUse,
+  packageJsonContent,
+  targetDir,
+  fs,
+) {
+  if (isJwtDecodeUse) {
+    packageJsonContent.dependencies['jwt-decode'] = '^4.0.0'
+  } else {
+    const jwtDecodeDir = path.join(targetDir, 'src/utils/token.ts')
+    await fs.remove(jwtDecodeDir)
+    console.log(`已移除文件 ${jwtDecodeDir}`)
+  }
+}
+module.exports = jwtDecodeCreate

package/lib/rsaCreate.js

@@ -0,0 +1,11 @@
+const path = require('path')
+async function rsaCreate(isRsaUse, packageJsonContent, targetDir, fs) {
+  if (isRsaUse) {
+    packageJsonContent.dependencies['jsencrypt'] = '^3.3.2'
+  } else {
+    const rsaDir = path.join(targetDir, 'src/utils/rsa.ts')
+    await fs.remove(rsaDir)
+    console.log(`已移除文件 ${rsaDir}`)
+  }
+}
+module.exports = rsaCreate

package/lib/stateCreate.js

@@ -0,0 +1,34 @@
+const path = require('path')
+async function stateCreate(stateUse, packageJsonContent, targetDir, fs) {
+  if (stateUse === 'pinia') {
+    packageJsonContent.dependencies['pinia'] = '^3.0.1'
+    packageJsonContent.dependencies['pinia-plugin-persistedstate'] = '^4.2.0'
+    // 修改main.ts引入pinia插件
+    const mainTsPath = path.join(targetDir, 'src/main.ts')
+    let mainTsContent = await fs.readFile(mainTsPath, 'utf-8')
+    const piniaPluginImport = `import { createPinia } from "pinia";
+import { createPersistedState } from "pinia-plugin-persistedstate";`
+    const piniaPluginUse = `const pinia = createPinia()
+pinia.use(
+  createPersistedState({
+    storage: localStorage,
+    auto: true,
+  }),
+)`
+    const piniaPluginMount = `app.use(pinia)`
+    mainTsContent = mainTsContent.replace(
+      /import App from '.\/App.vue'/,
+      `import App from './App.vue'\n${piniaPluginImport}`,
+    )
+    mainTsContent = mainTsContent.replace(
+      /const app = createApp\(App\)/,
+      `${piniaPluginUse}\nconst app = createApp(App)`,
+    )
+    mainTsContent = mainTsContent.replace(
+      /const app = createApp\(App\)/,
+      `const app = createApp(App)\n${piniaPluginMount}`,
+    )
+    await fs.writeFile(mainTsPath, mainTsContent)
+  }
+}
+module.exports = stateCreate

package/lib/websocketCreate.js

@@ -0,0 +1,16 @@
+const path = require('path')
+async function websocketCreate(
+  isWebSocketUse,
+  packageJsonContent,
+  targetDir,
+  fs,
+) {
+  if (isWebSocketUse) {
+  } else {
+    //删除targetDir/src/utils/socket.ts文件
+    const socketDir = path.join(targetDir, 'src/utils/socket.ts')
+    await fs.remove(socketDir)
+    console.log(`已移除文件 ${socketDir}`)
+  }
+}
+module.exports = websocketCreate

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "hlq-cli",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "bin": {
+    "hlq-cli": "bin/index.js"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "type": "commonjs",
+  "dependencies": {
+    "commander": "^15.0.0",
+    "fs-extra": "^11.3.5",
+    "inquirer": "^8.2.6"
+  }
+}

package/templates/.env

@@ -0,0 +1 @@
+VITE_BASE_URL='/ability-platform'

package/templates/.env.dev

@@ -0,0 +1,2 @@
+NODE_ENV='dev'
+VITE_BASE_URL='/ability-platform'

package/templates/.env.pro

@@ -0,0 +1,2 @@
+NODE_ENV='pro'
+VITE_BASE_URL='/ability-platform'

package/templates/index.html

@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <!-- <link rel="icon" type="image/svg+xml" href="/vite.svg" /> -->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{title}</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script src="/config.js"></script>
+    <script type="module" src="/src/main.ts"></script>
+    <script src="/font/iconfont.js"></script>
+  </body>
+</html>