搭建自己的cli脚手架工具

Posted flamestudio

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了搭建自己的cli脚手架工具相关的知识,希望对你有一定的参考价值。

cli本质就是一个nodejs项目,因此创建一个nodejs项目即可。

在package.json中加入bin配置,例如:

{ 
    "name": "yulan-cli",
    ...,
    "bin": {
        "yulan": "./src/index.js"
    },

}

然后执行npm link就可以注册到全局Path用于调试了(可以通过命令行键入yulan了,实际会执行yulan后面对应的./src/index.js,这里可以是任意的路径)。

在对应的js文件中,首行需要声明#!/usr/bin/env node,意思是当前js文件需要通过node去执行。

最后开发完成后可以通过npm publish即可发布到官方npm仓库。(需要事先登录NPM)

使用时全局安装即可。

 

依赖的npm包

 

commander 制作脚手架必备基础库,内置-v、--help等常用参数

inquirer 用于询问用户并接收用户输入

handlebars 用于字符串替换(模板渲染)

download-git-repo clone git仓库

ora. 耗时操作命令行显示loading效果

chalk 命令行输出彩色字体

logSymbols 命令行输出简单的图标(成功 失败等)

以上是关于搭建自己的cli脚手架工具的主要内容,如果未能解决你的问题,请参考以下文章

vue-cli 快速搭建脚手架

vue-cli(vue的脚手架搭建过程)

使用vue-cli脚手架搭建项目,保存编译时出现的代码检查错误(ESLint)

搭建Vue-cli脚手架工具

VUE系列一:VUE入门:搭建脚手架CLI(新建自己的一个VUE项目)

搭建vue 脚手架(vue-cli)