The CLI for scaffolding NornJ projects, and do more things.
MIT License
The CLI for scaffolding NornJ template projects, and do more things.
npm install -g nornj-cli
nj init
# 请按上下键选择项目模板
Please select a project template:
> react-mst
react-mst-app
react-mobx
other
# 如果选择了other,则可输入任意模板名称
Template Name: anyTemplateName
# 输入新建的项目目录名称
Project Name: projectName
nj add-page [pageName] # 或nj ap
# 请选择生成时要使用的页面模板
Which page template do you want to use?
> default # 增删改查
chart # 图表
form # 表单
empty # 空页面
# 输入新创建的页面名称
Page Name: pageName
nj add-component [componentName] # 或nj ac
# 请选择生成时要使用的组件模板
Which component template do you want to use?
> default # 默认
function # 函数组件
# 输入新创建的组件名称
Component Name: componentName
nj add-store [storeName] # 或nj as
# 请选择生成时要使用的Store模板
Which store template do you want to use?
> default # 默认使用mst
mobx # 使用mobx
# 输入新创建的Store名称
Store Name: storeName
名称 | 描述 | 模板源码地址 |
---|---|---|
react-mst | 基于React+Mobx-state-tree的单页面项目组件开发规范默认使用JSX 样式开发默认集成了styled-components 和css-modules 请求数据使用axios echarts组件使用echarts-for-react 集成了可增强JSX开发的插件babel-plugin-nornj-in-jsx预置eslint 、stylelint 、prettier ,可在格式化时对代码风格进行自动检查并修复
|
https://github.com/joe-sky/nornj-cli/tree/master/templates/react-mst-universal |
react-mst-app |
react-mst-universal 的h5版,配置同上 |
https://github.com/joe-sky/nornj-cli/tree/master/templates/react-mst-app |
在github上创建一个新的模板项目即可,结构类似于react-mobx-html或react-mobx-ftl。
然后使用以下命令即可下载并初始化:
nj init
# 请按上下键选择项目模板
Please select a project template:
react-mst-app
react-mst
react-mobx
> other
# 选择other,然后按照github地址输入"用户(或组织)名/项目名",例如"https://github.com/joe-sky/react-mobx-html"中的"joe-sky/react-mobx-htm"
Template Name: UserName/ProjectName
nj -v
nj upgrade # 更新cli版本到最新版
当网络访问npm比较慢时,可选择使用npm国内镜像
来安装。方法为在各命令后添加--cnpm
参数:
nj init --cnpm
nj upgrade --cnpm
MIT