Node 开发npm脚手架(类似vue-cli)
npm install tengyu-cli -g
一.构建脚手架思路
-
构建脚手架的目的
为了快速构建项目,修改配置信息,达到自动化前端工程的目的
-
思路:两种方式
第一种方式:从GitHub拉取代码,修改配置,需要在GitHub提供一个可供下载的模板,完成初始化,下载后解压zip包,然后删除zip包,修改配置文件,配置代理,下载依赖,启动项目;
第二种方式:将压缩后的zip模板放到服务器上,脚手架从服务器下载对应的模板,根据提示输入配置信息,完成初始化,下载后解压zip包,然后删除zip包,修改配置文件,配置代理,下载依赖,启动项目
二. 初始化项目
npm init
三. 修改package.json入口文件
{ "name": "tengyu-cli", "version": "1.0.0", "description": "", "main": "index.js", // 入口文件 "bin": { "tengyu": "index.js" }, "scripts": { "serve": "node index.js", "dev": "node index.js", "start": "node index.js", "test": "echo \"Error: no test specified\" && exit 1" }, "author": "gengbingbing", "license": "ISC", "dependencies": { "chalk": "^3.0.0", "commander": "^4.1.1", "cross-spawn": "^7.0.1", "download-git-repo": "^3.0.2", "handlebars": "^4.7.3", "inquirer": "^7.0.4", "log-symbols": "^3.0.0", "ora": "^4.0.3", "request": "^2.88.2" } }
四. 下载依赖
npm install
五. 开始编写脚手架(直接上源码)
index.js
#!/usr/bin/env node const program = require('co