首页 > 技术文章 > React+Umijs+AntDesign+Axios技术栈项目搭建

fei-yu9999 2021-08-01 18:31 原文

一、首先得有 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 antd

六、安装Axios

$ yarn add axios

七、结束(项目配置结束开始开发)

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

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

推荐阅读