React+Umijs+AntDesign+Axios技术栈项目搭建

一、首先得有 node，并确保 node 版本是 10.13 或以上。（mac 下推荐使用 nvm 来管理 node 版本）

查看node

$ node -v
v10.13.0

二、推荐使用 yarn 管理 npm 依赖，并使用国内源（阿里用户使用内网源）。（我选用的国内源，后面将以国内源举例）

# 国内源
$ npm i yarn tyarn -g
# 后面文档里的 yarn 换成 tyarn
$ tyarn -v

# 阿里内网源
$ tnpm i yarn @ali/yarn -g
# 后面文档里的 yarn 换成 ayarn
$ ayarn -vs

三、新建一个文件夹（名字及项目名）

 到这里有两种操作方式（如果你用的不是VSCode，建议用第一种，第二种我用的VSCode当然其它软件也可以就等待你们自己发掘了（方法都是一样的就是软件有差异而已））：

• 直接打开文件夹：地址处输入cmd用命令行创建项目

   

   

• VSCode打开文件夹（打开终端，用命令行创建项目） 

 四、命令行创建项目

• 通过官方工具创建项目(推荐tyarn)

$ tyarn create @umijs/umi-app
# 或 npx @umijs/create-umi-appa

• 安装依赖

$ tyarn

• 到这里就可以启动项目了

$ tyarn start

 http://localhost:8001浏览器打开，可以看到这样的页面（到这里项目基本完成！！）

 五、安装AntDesign

$ tyarn add antdl

六、安装Axios

$ yarn add axios

七、结束（项目配置结束开始开发）

 八、gitee获取：https://gitee.com/zpf9/react-umijs-ant-design-axios.git

克隆下来直接命令行安装依赖即可

React+Umijs+AntDesign+Axios技术栈项目搭建

原文：https://www.cnblogs.com/fei-yu9999/p/15087310.html