一、什么是脚手架以及脚手架原理
这里补充一下:
- windows 系统可以用 git bash 执行
which vue
命令。
git bash 模拟 unix 命令行终端,不仅可以进行 git 版本管理,也可以执行 shell 脚本命令
二、脚手架开发流程
流程概述
- 创建 npm 项目
- 创建脚手架入口文件,最上方添加
#!/usr/bin/env node
。表示用 node.js 执行 - 配置
package.json
,添加bin
属性。bin 属性用于定义可执行文件的路径,是命令名到本地文件名的映射 - 编写脚手架代码
- 发布到 npm
实操
这里我创建的脚手架名称设置为 view-test-cli
具体步骤:
- 打开
git bash
,进入终端 - 新建文件夹
view-test-cli
,进入目录cd view-test-cli
- 执行
npm init -y
:初始化 package.json 文件 - 添加
bin/index.js
文件
#!/usr/bin/env node
console.log("hello view-test-cli")
- package.json 中加 bin 配置项
{
"name": "view-cli",
"version": "1.0.0",
&#