nice-swa

项目说明

• nice-swa，读着：laishua，中文名：来耍。
• 这是一个中后台管理系统脚手架模板， 使用 react 技术栈，redux 数据流管理，UI 框架为 materail-design，可以写 css，也可以写 scss，打包工具为webpack4。 集成了 jest 单元测试，cypress-e2e 测试。
• 项目地址
• 在线文档

nice-swa后端-koa2+mysql

nice-swa后端项目地址

环境依赖

node v9.0.0

主要依赖包

dependencies & devDependencies

• react16+ 开发依赖
• material-design UI框架
• scss-loader scss解释
• babel es6编译
• webpack4+ 打包工具
• redux 数据流
• axios 异步请求
• eslint 代码检测
• jest 单元测试
• puppeteer e2e测试
• cypress e2e测试

如何开始

//下载代码
git clone -b master https://github.com/QCCS/nice-swa.git
//安装依赖
npm i --no-package-lock
//运行开发环境
npm run dev
//打包
npm run build

项目目录

nice-swa

• dist 打包之后的目录
• docs 文档目录
• coverage 单元测试报表
• cypress cypress e2e测试
• src 核心源码目录
  • assets 资源目录
  • components 组件
  • config 开发配置
  • context-data context数据仓库
  • layout 布局文件
  • pages 容器组件
  • redux redux相关
  • routes 路由目录
  • service api
  • styles 样式css,scss
  • utils 工具函数
  • app.js 顶层组件
  • index.js 入口文件
• test 单元测试目录
• package.json 依赖、包说明
• webpack.config.js 打包配置

功能介绍

• react | redux | react-route 集成
• material-design安装与使用实例
• webpack配置
• 单元测试样例
• E2E集成测试样例
• 脚手架工具
• 开发命令行工具
• 多环境配置

项目截图

建议安装工具

• git： v2.5

• nvm： node 版本管理

• nrm： npm 源管理

参考网站

• material-ui

勘误及提问

如果有疑问或者发现错误，可以在相应的 issues 进行提问或勘误。 如果喜欢或者有所启发，欢迎 star，对作者也是一种鼓励。