Neurologically Paralyzing Mouseovers
Miss any of our Open RFC calls?Watch the recordings here! »

generator-neoui-react

1.0.1 • Public • Published

generator-neoui-react

neoui-react 标准react组件生成器

功能特性

  • 支持 eslint

使用方式

npm install yo generator-neoui-react -g
mkdir test
cd test
yo neoui-react --port=8000 --author=GuoYongfeng --nr_version=1.0.0

注意

目前npm上版本存在bug,所以需要增加一步操作,如下

git clone https://github.com/iuap-design/generator-neoui-react.git

cd generator-neoui-react

npm link

配置说明

--port=8080 设置本地测试查看服务端口 --nr_version=1.0.0 设置版本号. --author=GuoYongfeng 设置作者 --pkgName=xxx 设置包名 --repoUrl=xxx 设置代码存储仓库

目录结构

-demo
 -TestDemo.js
 -TestDemo.less
 -index.js
-src
 -Test.js
 -index.js
-.eslintignore
-.eslintrc
-.npmignore
-gulpfile.js
-HISTORY.md
-index.html
-package.json
-README.md
-webpack.dev.js

源码目录说明

  • 在 src 目录中写源程序代码,在 demo 目录下写使用用例,在 tests 目录下写 测试用例,build目录产出打包组件,代码规范参考 airbnb.
  • 根目录 中的 html 不可修改,通过 js 中的 jsx 渲染页面,通过 require css 引入 css
  • 开发中用到其他公共库,通过 npm install --save 以及 npm install --save-dev 来安装

开发调试

  • 在项目根目录执行 npm install 安装必要模块
  • 在项目根目录执行 npm run dev 查看demo用例
  • 在项目根目录执行 gulp 产出build目录代码

浏览器支持版本

  • ie8, ie8+, chrome, firefox 最新版
  • 可适当渐进降级,如 css 动画可以不支持 ie8

支持 HISTORY.md

  • 通过在根目录运行 npm run history 生成 HISTORY.md
  • 需要建立必要的 milestone,issue,label,参见: https://github.com/iuap-design/generator-neoui-react
  • milestone 标题为语义化版本号,issue 属于某个 milestone,并且具备 label
  • label 为枚举,包括
  • new 新增的属性、功能、方法、特性等等
  • fixed 修复 bug 和影响使用的性能问题等
  • improved 接口增强、健壮性和性能提升、代码优化、依赖模块升级等。
  • changed 涉及到兼容性变化的改动。

发布

  • 在根目录运行 npm publish

Install

npm i generator-neoui-react

DownloadsWeekly Downloads

2

Version

1.0.1

License

MIT

Last publish

Collaborators

  • avatar
  • avatar