react-dva-antd 项目环境搭建

react dva antd 项目环境搭建

1.项目开始前的准备工作

• node.js的安装，晓得基本指令； 到官方去下载
• ES6/7的基础知识； ES6/7推荐地址

当然不会也都没有关系，有的时候避免不了现学现卖，像我…

环境的搭建

• 首次创建项目文件：（在你需要创建项目文件的地方：shift+右键）打开powershell窗口，此时创建的文件就会默认在你当前的位置了。(my-app指的是文件名)
• 基础环境的配置指令： npm install -g create-react-app
• 创建一个新的项目指令： create-react-app my-app
• 进入文件指令: cd my-app
• 页面的运行：npm start
• 你会得到一个基本的如下图的网页展示:

dva的引入：

• React-dva 的环境配置指令(只需要首次配置)：npm install -g dva-cli
• 创建项目文件指令:dva new my-app
• 进入项目文件：cd my-app
• 运行指令:npm start、

如果是二次创建的话：

• 创建项目文件指令： mkdir my-app
• 进入项目文件：cd my-app
• 初始化生成项目文件：dva init
• 运行:npm start
  运行结果如下：
  

接下来就是按需引入的问题了

• 比如antd的引入 npm install antd --save
  **由于乱七八糟的组件、插件，五花八门，看得人眼花缭乱，所以可以引用现成的，把现成的package.json中的插件信息copy过来，npm i所谓一键搞定不过如此…

万般滋味，都是生活。公众号求关注哦!