前端工程化之yoeman

通过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:\webapp\demo1>cd gulpdemo
E:\webapp\demo1\gulpdemo>yo generator

参考：

generator-generator github文档

三、使用脚手架快速搭建项目

#进入创建好的脚手架目录 使用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官网