通过yoeman根据脚手架模板快速搭建前端项目工程。
一、安装
#全局安装 nrm use taobao npm i -g yo yo --version #安装脚手架构建器 generator-generator npm i -g generator-generator #查看本地安装的包清单 npm list -g --depth 0
二、创建脚手架
#进入要仿制项目下 删除无用的目录node_modules、dist等和文件yarn.lock,这里以我们之前使用的gulpdemo为例制作脚手架generator-cac2020-gulp
#使用yo generator创建generator-cac2020-gulp
E:webappdemo1>cd gulpdemo
E:webappdemo1gulpdemo>yo generator
参考:
三、使用脚手架快速搭建项目
#进入创建好的脚手架目录 使用link本地测试 cd generator-cac2020-gulp #将目录下的包连接到全局 npm link #在新目录demo-dest下安装cac2020-gulp cd demo-dest yo cac2020-gulp
四、发布脚手架
#设置官方源 nrm use npm #登录 npm login #进入脚手架目录 cd generator-cac2020-gulp #发布 npm publish
注意版本:脚手架package.json 要求version 在1.0.0以上
五、npm官方安装脚手架
#新建目录gulp-new cd gulp-new #安装generator-cac2020-gulp脚手架 npm i -g generator-cac2020-gulp #使用脚手架cac2020-gulp搭建项目 yo cac2020-gulp
参考:
yoeman官网