umi脚手架搭建的项目_30秒入门umi框架

个人近年来的开发使用过react和vue，react相对于vue来讲，在脚手架这方面做的还是比较简陋的，所以对使用者来说，要掌握webpack、babel等知识，才能很好的搭建起一个项目。vue在脚手架这方面做的是比较好的，一方面是降低了使用的门槛，用了他们的全家桶，就能很快的上手做一个项目。vue的方向就是关注好用，易用，而react粒度更小，适合喜欢自己动手改装的朋友。

umi是一个类nextjs框架，nextjs是一个服务端的脚手架，如果说react的竞品是vue，那么nextjs的竞品就是nustjs，他们都提供了服务端渲染的脚手架，让你远离vue-server-renderer或react-dom/server 的困扰。

umi的主旨是开箱即用，适合企业级应用的开发。

首先说下开箱即用，里面包含了常规的目录结构划分，采用了配置化的路由；包含了mock，让你不用跟后端接口耦合；数据管理采用了dva，使用起来比redux要简单一些；构建脚手架采用的roadhog，这不是一个新的打包工具，主要是在webpack上封装了一层的工具；layout层，他提供了公共的侧边栏组件，头部组件，然后你的页面就在中间那块区域里；提供了权限路由，权限也是一个后台项目必备功能ÿ