Skip to content

QCCS/nice-swa

Repository files navigation

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 源管理

参考网站

勘误及提问

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

About

中后台管理系统前端脚手架模板

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published