react-dva-antd 项目环境搭建

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所谓一键搞定不过如此…

猜你喜欢

转载自blog.csdn.net/baidu_41604826/article/details/82792247