0.0.3 • Published 6 years ago

generator-yoyo-react-s v0.0.3

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
6 years ago

generator-yoyo-react-s

这可能是最小、运行最快、最轻的react脚手架工具,集webpack零配置 + typeScript + react + reactRouter + 打包于一身。

从这里开始

First, install Yeoman and generator-yoyo using npm (we assume you have pre-installed node.js).

// 全局安装yo
npm install -g yo

// 全局安装脚手架工具
npm install -g generator-yoyo-react-s

Then generate your new project:

yo yoyo-react-s

授人以鱼不如授人以渔

其实自定义一个属于自己的脚手架工具一点都不难。

  • 一个非常完美的项目。

  • 一个gitHub帐号。

  • 一个npm帐号。

  • 再加上我这篇文档。

1.生成脚手架模版。

// 输入项目名、描述、信息,格式为 generator-xx,后期通过yo xx来安装属于你的脚手架。
npm install -g generator			

2.使用yeoman生命周期写规则。

生命周期
initializing   - 初始化函数
prompting      - 接收用户输入阶段
configuring    - 保存配置信息和文件
default        - 执行自定义函数
writing        - 生成项目目录结构阶段
conflicts      - 统一处理冲突,如要生成的文件已经存在是否覆盖等处理
install        - 安装依赖阶段
end            - 生成器结束阶段

3.测试跟发布。

// 使用自带测试工具测试,测试部分只需要把 assert.file(['.babelrc']) 这里改成你的项目目录结构即可。
npm test

// 本地运行脚手架测试,yo xx运行脚手架
npm link

// 发布
npm adduser  注册
npm login 登录
npm publish --access=public  //发布到官网

4.疑难杂症。

如果碰到npm 老安装不上东西

// 查看当前镜像
npm get registry

// 切换成淘宝镜像
npm config set registry http://registry.npm.taobao.org/

// 切换成原来的镜像,如果要发包可能需要切回来。
npm config set registry https://registry.npmjs.org/


// 撤销已经发布的包
npm unpublish 包名 --force
0.0.3

6 years ago

0.0.2

6 years ago

0.0.1

6 years ago