一、首先得有 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
克隆下来直接命令行安装依赖即可