简介
脚手架是一个快速搭建工程的方式,简化繁琐的配置,最大化的减少重复的操作,vue官方有自己的脚手架 vue-cli
,可以满足大部分的工程操作,但是对于频繁创建项目的公司,而且还需要和公司现有产品的配置匹配,所以在大多数的情况下,需要自己定义满足自己业务逻辑的 项目目录结构,需要自己编写脚手架,快速的搭建项目。
开始
参考: https://www.jb51.net/article/159892.htm
脚手架也是一个node 项目,使用命令行进行交互,
脚手架搭建
创建一个项目,初始化一个依赖文件 npm init
在生成的文件 package.json中加入自己的依赖项,
"dependencies": {
"chalk": "^2.4.2",
"commander": "^2.19.0",
"download-git-repo": "^1.1.0",
"inquirer": "^6.2.2",
"ora": "^3.2.0"
},
安装依赖项 npm install
创建文件夹 bin 主要用于编写脚本文件;同时可以把脚本文件加入到 package.json中,便于操作
"bin": {
"vmvue": "bin/vmvue",
"vmvue-add": "bin/vmvue-add",
"vmvue-init": "bin/vmvue-init"
}
同时可以把bin下的命令链接到全局node的环境中 npm link
解除链接 npm unlink
把项目发布到npm上,便于让其他人使用;
首先需要有一个npm的账号,没有的话需要到官网注册一个
注册完成之后,使用命令行在本地进行登录
npm login ///注意事项,用户名不能用邮箱,需要使用自己定义的用户名
发布: npm publish