阅读 154

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

  

 

 

浏览器打开,可以看到这样的页面(到这里项目基本完成!!)

 

 五、安装AntDesign

$ tyarn add antdl

六、安装Axios

$ yarn add axios

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

 八、gitee获取:

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

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

文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐