码云 IDEA 插件最新版本发布,支持 Pull Request

鸿基梦 / dy-reactJavaScript

Watch 4 Star 1 Fork 0
加入码云
与超过 300 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
模仿斗鱼移动端的UI效果练习react的开发 react项目搭建的全过程,附加总结与说明 项目处于开发期(寻求志同道合者加入.............) 展开 收起

Loading...
README.md

my-react

项目说明

  1. react搭建练习与实践

技术选型

react + antd + es6/es7/es8 + koa/node.js

webpack + jest + eslint + mock

项目运行

# 安装项目以来
npm install

# 启用项目(只启动前端项目不启动本地数据模拟)

npm start

# 启动项目 + mock(模拟数据)

npm run dev

# 项目打包
npm run build

# 启动beta测试 (运行dist中的项目)[beta测试则为模拟线上环境测试]

npm run beta

# 运行测试
npm test

启用项目前请访问

  1. skillReadme --> 技术文档总计

  2. plan --> 开发计划说明

项目结构

.
├── mock                            # 本地模拟数据
├── dist                            # 打包文件
├── build                           # 项目打包文件
|   ├── jest                        # 测试脚本
|   ├── scripts                     # 打包命令脚本
│   └── utils                       # 打包工具库
├── config                          # 全局配置
|   ├── beta_pm2.json               # 启动beta测试pm2命令
|   ├── dev_pm2.json                # 启动本地调试pm2命令(带本地模拟数据服)
│   └── settings.js                 # 配置文件,端口号,域名等
├── public                          
|   ├── favicon.ico                
|   ├── index.html                 
│   └── manifest.json               # 5+移动App的配置文件
├── src
|   ├── assets                      # 本地静态资源
│   ├── components                  # 项目通用通用组件
│   ├── router                      # 路由入口
│   ├── services                    # 服务封装
│   ├── store                       # redux存储
│   ├── views                       # 业务页面入口和常用模板
│   |    └── Template.js            # 新建页面模板(方便快速搭建页面)
│   ├── utils                       # 工具库,公共js文件
│   ├── styles                      # 公共样式
│   ├── index.js                    # 应用入口
│   └── App.js                      # 路由入口
├── tests                           # 测试工具
├── plan                            # 开发计划说明
├── skillReadme                     # 技术文档说明
├── .gitignore
├── README.md
├── package-lock.json
└── package.json

点评 ( 0 )

你可以在登录后,发表评论

搜索帮助