前端框架（react+umi+dva+ant design pro ）攻克: 五、环境搭建

一、安装node和yarn,同时使用yarn国内源。

     1.下载安装node 10.13以上版本，查看版本号： node -v

     2.下载安装yarn ，推荐用yarn管理npm依赖，并使用国内源

     3.  为了保证yarn的能执行命令，否则会“无法加载文件 C:UsersXXXXAppDataRoamingnpmyarn.ps1，因为在此系统上禁止运行脚本”

       管理员运行powershell后执行命令：

          set-ExecutionPolicy RemoteSigned 

     4.执行以下命令：

       #国内源 ,后面的yarn命令可以换为tyarn

        npm  i yarn  tyarn -g

        tyarn  -v  查看版本号

二、下载安装ant design pro脚手架（它集成好了umi+dva+ant design ui）：

   1.创建一个空的前端工程目录，例如ebyte-react

   2.执行：tyarn create umi  或者  yarn create umi 或者npm create umi

   3. 选择ant design pro,自动完成下载安装。

   4. 安装依赖，即package.json包的安装，执行以下命令：

      npm install 或者 yarn install 或者yarn 或者tyarn install

    5.运行：tyarn start dev或者yarn start dev或者npm start dev

最后

以上就是合适画板为你收集整理的前端框架（react+umi+dva+ant design pro ）攻克: 五、环境搭建的全部内容，希望文章能够帮你解决前端框架（react+umi+dva+ant design pro ）攻克: 五、环境搭建所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。