react dva antd 项目环境搭建
1.项目开始前的准备工作
当然不会也都没有关系,有的时候避免不了现学现卖,像我…
环境的搭建
- 首次创建项目文件:(在你需要创建项目文件的地方: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
所谓一键搞定不过如此…