手写第一个cli（一）实现单表crud文件模板的下载

た入场券 2023-02-17 03:59 6阅读 0赞

每次开发一个单表视图，都是手动capy一个模板过来改的，突然感觉好麻烦，好烦躁哦。  
自己写过cli来替代手工操作：  
第一步：新建项目going-cli，目录结构大概  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXlvbmdsaWFuZ184MTM_size_16_color_FFFFFF_t_70]  
第二步：cd 进入项目文件加 执行npm init  
第三步：新建bin文件夹  
第四步：在bin下创建goingCli.js文件，内容大概如下

#!/usr/bin/env node
    ;(function () {
        console.log('cli -----开始进行生成操作');
        const program = require('commander');
        program.version(require('../package.json').version);
        //通过该命令从git中下载文件
        program.command('create <name>').description('create goSingleCrud').action(require('../lib/create.js'));
        program.parse(process.argv);
    })()

第五步：建立lib/create.js文件

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXlvbmdsaWFuZ184MTM_size_16_color_FFFFFF_t_70 1]

create.js，这里是我的git里面的模板，可能只有我的项目才可以用。

const {promisify}=require('util');
    
    const figlet=promisify(require('figlet'));
    
    const clear=require('clear');
    
    const chalk=require('chalk');
    
    const {clone} = require('./download');
    
    const log=content=>console.log(chalk.green(content));
    
    
    module.exports=async name=>{
        clear();
        const data=await figlet('goSingleCrud welcome')
    
        log(data);
        log('创建项目：${name}');
    
        await clone('github:weiyongliang812815/goSingleCrud',name);
    }

第六步：download.js的内容：

const {promisify}=require('util');
    
    
    module.exports.clone=async  function (repo,desc,options) {
        const download=promisify(require('download-git-repo'));
        const ora=require('ora');
        const process=ora('下载。。。。。${repo}');
    
        process.start();
    
        await download(repo,desc,options);
    
        process.succeed();
    
    }

修改package.json

{
      "name": "going-cli",
      "version": "2.0.1",
      "description": "",
      "main": "index.js",
      "bin": {
        "going-cli": "./bin/goingCli.js"
      },
      "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1"
      },
      "keywords": [],
      "author": "weiyong",
      "license": "ISC",
      "dependencies": {
        "babel-core": "^6.26.3",
        "babel-preset-env": "^1.7.0",
        "chalk": "^4.1.0",
        "clear": "^0.1.0",
        "commander": "^5.1.0",
        "download-git-repo": "^3.0.2",
        "figlet": "^1.4.0",
        "handlebars": "^4.7.6",
        "open": "^7.0.4",
        "ora": "^4.0.4",
        "watch": "^1.0.2"
      },
      "devDependencies": {
        "fs-extra": "^9.0.1"
      }
    }

添加了以下内容

"bin": {
        "going-cli": "./bin/goingCli.js"
      },

然后在项目根目录下全局安装项目

npm install -g

到这里，一个简单的CLI就完成了，可以打开终端，在任意目录下输入going-cli,控制台就会打印出对应的消息。

git地址：[https://github.com/weiyongliang812815/going-cli][https_github.com_weiyongliang812815_going-cli]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXlvbmdsaWFuZ184MTM_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/2020061214221866.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXlvbmdsaWFuZ184MTM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXlvbmdsaWFuZ184MTM_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/2020061214241799.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXlvbmdsaWFuZ184MTM=,size_16,color_FFFFFF,t_70
[https_github.com_weiyongliang812815_going-cli]: https://github.com/weiyongliang812815/going-cli