react>> react-project-demo>> 返回
项目作者： chandq

项目描述 ：
基于Webpack + React + Redux + React Router + Antd + Eslint实现的PC端脚手架
高级语言： CSS
项目地址: git://github.com/chandq/react-project-demo.git
创建时间： 2018-10-21T14:36:28Z
项目社区：https://github.com/chandq/react-project-demo
开源协议：
下载


react-project-demo

简述

  1. 基于react v16搭建的项目框架，通过脚手架create-react-app v1.5创建出的基础框架，然后
  2. 再手动加入路由、redux、国际化等扩展功能，组件库使用antd v3.10，使用fetch API和后台交互，
  3. 编写样式可以使用scss和less方式书写，项目中默认启用eslint对基础语法进行检查，使用webpack
  4. 构建项目。
  5. 核心依赖插件的版本如下：
  6. react: 16.3.2
  7. react-router: 3.2.0
  8. redux: 4.0.0
  9. webpack: 3.8.1
  10. antd: 3.10.1
  11. PS: 开发环境建议使用node v6.11.0, npm v6.0.1的环境，node版本较高可能导致安装node-sass失败

目录组织结构

  1. config    项目配置文件的所在目录
  2. locales    国际化文件的目录
  3. components    公共组件目录
  4. pages    页面文件目录
  5. style    样式、图片、字体等资源文件的目录
  6. utils    工具类目录

运行

  1. 1. 将项目代码clone下来，可通过前端开发工具（webstorm、vscode或notepad++等）打开编辑
  2. 2. npm install    根据package.json配置文件安装项目需要的所有依赖
  3. 3. npm start    启动项目（默认3000端口号）
  4. 4. npm run build    构建项目（构建完成后会生成一个build目录）    
  5. PS：npm install默认是从国外镜像地址安装依赖，比较慢，可设置cnpm从国内淘宝镜像地址中下载。
  6. 设置方法    npm install cnpm -g --registry=https://registry.npm.taobao.org
  7. 使用方式    cnpm install