vlambda博客
学习文章列表

Q: 搭建一个React项目很难吗？为什么感觉要集成那么多东西？

A：其实在国内，我们有阿里这个大哥，这些并不难。他们出品的东西，对于咱们来说，其实还挺好用的。

Q：说得很轻巧，那你说说怎么玩？我就想一步到位。

A : 没问题，老铁，我来给你露一手! 不过，你好歹得知道React ， Redux这些，不然....(要不你还是把我sha了吧)

看好了，老铁，咱们开始搞！！

1. 打开我们的脚手架框架官网: https://umijs.org/zh-CN

2. 右上角->文档->左侧大纲中的"快速上手"

3. 根据内容我们知道需要 node环境，然后也推荐了使用yarn来代替npm

然后我们就可以来创建一个React项目了

4. 实操:

1. 创建文件夹并进入文件夹，然后命令行输入:  

yarn create @umijs/umi-app

然后等待他自动创建

这样就创建完成了! 然后我们使用 yarn 命令进行依赖包的安装

依赖安装完成啦！

我们快来使用yarn start 命令一起看看效果吧！

然后我们去浏览器打开localhost:8000

效果就有啦：

然后我们用vscode打开项目，我们就可以看到这个项目的结构啦:

Q: 有create-react-app不用，为啥要用这个umi.js呢？

A: 相对create-react-app，umi其实集成了很多功能，能够方便我们在想要快速搭建一个React项目时能够达到最快的速度。它内置了很多插件，在我们想要使用的时候，直接开启就行了。它包含了: dva, model,request等等功能，而且很多功能是默认开启。这样就可以然我们专注于业务的开发啦。如果想要想要详细了解它有哪些方便的插件，可以点击官网右上角的"插件"进行查看哟。