4 Unstar Star 3 Fork 1

鸿基梦 / dy-reactJavaScript

Create your Gitee Account
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.
模仿斗鱼移动端的UI效果练习react的开发 react项目搭建的全过程,附加总结与说明 项目处于开发期(寻求志同道合者加入.............) spread retract

Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
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

Comments ( 0 )

Sign in for post a comment

JavaScript
1
https://gitee.com/hjmeng/dy-react.git
git@gitee.com:hjmeng/dy-react.git
hjmeng
dy-react
dy-react
master

Search