Please enable JavaScript.
Coggle requires JavaScript to display documents.
制造一个属于自己的脚手架 (CLI创建远端仓库 (Git初始化, 创建Github仓库, 关联Github仓库, 更新package…
制造一个属于自己的脚手架
CLI创建远端仓库
Git初始化
创建Github仓库
关联Github仓库
更新package.json的repository配置
提交代码到github仓库
安装依赖
处理命令行
项目创建
必须输入新建项目名称
是否存在同名文件名，如果不平判断可能会覆盖已有项目
下载模板项目
项目下载完成后，根据用户输入更新配置文件
项目初始化
安装依赖
初始化git仓库，方便代码提交管理
自动在远端生成git仓库
项目启动
脚手架思路
CLI搭建项目
根据用户输入生成配置文件
下载指定项目模板
在目标目录生成新项目
CLI运行项目
本地启动预览
热更新
语法，代码规范检测
项目模板
项目模板存放位置方式
和脚手架打包在一起，安装脚手架的时候，将项目模板存放在全局目录下
将项目模板存在远端仓库，每次创建项目的时候都是通过某个地址下载，项目模板更新方便
项目模板功能丰富度
支持本地启动打包
热更新
支持预发规则
代码风格检查
支持流行的语言框架（less, scss)
单元测试
配置全局CLI命令
平时可以全局开发
开发过程中可以执行npm link
准备脚手架项目
目录结构
bin
cmd可执行文件
dist
编译后的生成文件
src
main.js入口文件
create.js项目创建
init.js项目初始化
dev.js项目启动
util.js工具文件，包括一些基础方法：判断文件是否存在，下载模板
webpack.config.js项目打包配置文件，可以吧模板项目里的通用打包配置放在脚手架里维护，用户不用关心打包配置
发布npm包
手动打包&部署