搭建前端脚⼿架（新⼿可掌握）内附源码思路：
1. ⾃定义⼏个模板，分别上传到github或者码云上
2. 通过命令⾏选择创建项⽬时要使⽤的模板
3. 拉下远程仓库中的模板
前期⼯作：
1. 准备好模板代码，放在github或者码云上
2. 注册npm账号
3. 添加对应的账号信息到注册表
4. coding
代码
1. 新建⼀个⽂件夹 然后 npm inti 注册信息
PS D:\备份\cli-test> npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.
See `npm help json`for definitive documentation on these fields
and exactly what they do.
Use `npm install <pkg>` afterwards to install a package and
save it as a dependency in the package.json file.
Press ^C at any time to quit.
package name:(cli-test)
version:(1.0.0)
description：脚⼿架test
entry point:(index.js)
test command:
git repository:
keywords: cici cli
author: cici
license:(ISC)MIT
About to write to D:\备份\cli-test\package.json:
{
"name":"cli-test",
"version":"1.0.0",
"description":"脚⼿架test",
"main":"index.js",
"scripts":{
"test":"echo \"Error: no test specified\" && exit 1"
},
"keywords":[
"cici",
"cli"
],
"author":"cici",
"license":"MIT"
}
⽣成的package.json结构如上
2. 安装需要的依赖
npm i chalk co co-prompt commander inquirer ora --save 3. 创建脚⼿架⽬录（⼿动添加）结构
>cli-test
论坛前端模板
|--bin
|--cli
|--commands
|--init.js
|--list.js
|--add.js
|--delete.js
|--package.json
|--README.md
4. 修改package.json 添加cli⼊⼝指令 改后如下
5. 在bin⽬录下新建 cli(没有后缀!!)，代码如下
6. commands⽬录下 init.js，代码如下
7. commands⽬录下 add.js，代码如下
8. commands⽬录下 delete.js，代码如下
以上是全部代码
测试及发布
1. 开发时测试
node bin/cli list    查看所有可⽤的模版
node bin/cli init    把模版下载下来，作为初始项⽬进⾏开发node bin/cli add      根据引导添加模板
node bin/cli delete根据引导删除模板
2. 本地测试 全局init
npm link    ///只能⾃⼰本地使⽤。
3. 发布
npm publish  ///将包发布到npm上，所有⼈都可以安装使⽤。例⼦：
cli-test> $ npm publish
+ cli-test@1.1.0
安装
npm install -g cli-test
地址
打包问题见下章，本篇篇幅过长

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。