@4399ywkf/cli 0.0.1

package/README.md

@@ -0,0 +1,28 @@
+# 学习搭建cli脚手架
+
+## 安装
+
+### 全局安装
+```bash
+pnpm install -g @4399ywkf/cli
+```
+
+### 使用
+创建模版
+```bash
+@4399ywkf/cli create <name> [-t|--template]
+```
+示例
+```bash
+@4399ywkf/cli create hello-cli -t dumi2-demo
+```
+
+### 不全局安装，借助npx
+创建模版
+```bash
+npx @4399ywkf/cli create <name> [-t|--template]
+```
+示例
+```bash
+npx @4399ywkf/cli create hello-cli -template dumi2-demo
+```

package/bin/api.js

@@ -0,0 +1,32 @@
+// bin/api.js
+const https = require('https')
+
+/** 获取用户git仓库列表信息 */
+function getGitReposList(username) {
+  return new Promise((resolve, reject) => {
+    https.request(`https://api.github.com/users/${username}/repos`, {
+      headers: {
+        'User-Agent': username
+      }
+    }, (res) => {
+      let data = ''
+      res.on('data', (chunk) => {
+        data += chunk.toString()
+      })
+      res.on('end', () => {
+        const list = JSON.parse(data)
+        resolve(list.map(item => ({ // 组合成模版所需要的name，value结构
+          name: item.name,
+          value: `https://github.com:${username}/${item.name}`
+        })))
+      })
+      res.on('error', (err) => {
+        reject(err)
+      })
+    }).end()
+  })
+}
+
+module.exports = {
+  getGitReposList
+}

package/bin/cli.js

@@ -0,0 +1,115 @@
+#!/usr/bin/env node
+const program = require("commander")
+const inquirer = require("inquirer")
+const path = require("path")
+const downloadGitRepo = require('download-git-repo')
+const ora = require('ora') // 引入ora
+const fs = require('fs-extra')
+const { exec } = require('child_process');
+
+// const templates = require("./templates.js")
+const { getGitReposList } = require('./api.js')
+const package = require("../package.json")
+
+
+function cloneRepository(repoUrl, destination) {
+  return new Promise((resolve, reject) => {
+    const command = `git clone ${repoUrl} ${destination}`;
+    exec(command, (error, stdout, stderr) => {
+      if (error) {
+        reject(`Error cloning repository: ${stderr}`);
+      } else {
+        resolve(`Repository cloned successfully: ${stdout}`);
+      }
+    });
+  });
+}
+
+
+program
+  .command("create [projectName]")
+  .description("创建模版")
+  .option('-t, --template <template>', '模版名称')
+  .action(async (projectName, options) => {
+    const getRepoLoading = ora('获取模版列表...')
+    getRepoLoading.start()
+    // const templates = await getGitReposList('Emma-Alpha')
+    const templates = [
+      {
+        value: "https://ywgit.gz4399.com/ywkf/subApplicate_demo.git",
+        name: "subApplicate_demo"
+      }
+    ]
+
+    getRepoLoading.succeed('获取模版列表成功!')
+    // 1. 从模版列表中找到对应的模版
+    let project = templates.find(template => template.name === options.template)
+    // 2. 如果匹配到模版就赋值，没有匹配到就是undefined
+    let projectTemplate = project ? project.value : undefined
+
+    // 3. // 如果用户没有传入名称就交互式输入
+    if(!projectName) {
+      const { name } = await inquirer.prompt({
+        type: "input",
+        name: "name",
+        message: "请输入项目名称：",
+      })
+      projectName = name // 赋值输入的项目名称
+    }
+    console.log('项目名称：', projectName)
+
+    // 4. 如果用户没有传入模版就交互式输入
+    if(!projectTemplate) {
+      const { template } = await inquirer.prompt({
+        type: 'list',
+        name: 'template',
+        message: '请选择模版：',
+        choices: templates // 模版列表
+      })
+      projectTemplate = template // 赋值选择的项目名称
+    }
+    console.log('模版：', projectTemplate)
+
+    // 获取目标文件夹路径
+    const dest = path.join(process.cwd(), projectName)
+    // 判断文件夹是否存在，存在就交互询问用户是否覆盖
+    if(fs.existsSync(dest)) {
+      const { force } = await inquirer.prompt({
+        type: 'confirm',
+        name: 'force',
+        message: '目录已存在，是否覆盖？'
+      })
+      // 如果覆盖就删除文件夹继续往下执行，否的话就退出进程
+      force ? fs.removeSync(dest) : process.exit(1)
+    }
+
+    // 开始loading
+    const loading = ora('正在下载模版...')
+    loading.start()
+    // 5. 开始下载模版
+    try {
+      const result = await cloneRepository(projectTemplate, dest);
+      loading.succeed('创建模版成功!') // 成功loading
+      console.log(`\ncd ${projectName}`)
+      console.log('npm i')
+      console.log('npm start\n')
+    } catch (error) {
+      loading.fail('创建模版失败：' + error) // 失败loading
+    }
+
+    // downloadGitRepo(projectTemplate, dest, (err) => {
+    //   if (err) {
+    //     loading.fail('创建模版失败：' + err) // 失败loading
+    //   } else {
+    //     loading.succeed('创建模版成功!') // 成功loading
+    //     console.log(`\ncd ${projectName}`)
+    //     console.log('npm i')
+    //     console.log('npm start\n')
+    //   }
+    // })
+  })
+
+// 定义当前版本
+program.version(`v${package.version}`)
+program.on('--help', () => {}) // 添加--help
+program.parse(process.argv)

package/bin/templates.js

@@ -0,0 +1,15 @@
+/** 暴露模版代码 */
+module.exports = [
+  {
+    name: 'webpack5-react-ts',
+    value: 'https://github.com:guojiongwei/webpack5-react-ts'
+  },
+  {
+    name: 'react18-vite2-ts',
+    value: 'https://github.com:guojiongwei/react18-vite2-ts'
+  },
+  {
+    name: 'dumi2-demo',
+    value: 'https://github.com:guojiongwei/dumi2-demo'
+  }
+]

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@4399ywkf/cli",
+  "version": "0.0.1",
+  "description": "运维开发部脚手架",
+  "main": "index.js",
+  "bin": {
+    "ywkf-cli": "./bin/cli.js"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Emma-Alpha/ywkf-cli.git"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "child_process": "^1.0.2",
+    "commander": "^10.0.1",
+    "download-git-repo": "^3.0.2",
+    "fs-extra": "^11.1.1",
+    "inquirer": "^8.2.5",
+    "ora": "^5.4.1"
+  },
+  "files": [
+    "bin"
+  ],
+  "authors": [
+    "ywjszx@4399.com"
+  ]
+}