搭建Ant Design Pro脚手架

                                                              搭建Ant Design Pro 开发

一、Ant Design Pro介绍:

        Ant Design Pro 是一个企业级中后台前端/设计解决方案,据此构建了一套基于 React 的中后台管理控制台的脚手架。

        ps:多的废话就不说了,反正就是使用react技术的选择此框架绝对没错,666666;

二、环境准备:

      你的本地环境需要安装 yarn、node 和 git,使用到的技术栈基于 ES2015+、React、UmiJS、dva、g2 和 antd。yarm、node

、git 环境怎么安装,自行百度解决吧!这里不做重复叙述,后面这些技术站,一定要慢慢在官方网站进行了解学习噢。(PS:虽然我也才是初学者,后面我也会更进一步写相关技术的学习文章)。

三、打开cmd命令行,新建一个空的文件夹作为项目目录,并在目录下执行:

执行npm create umi,这里我选择的是npm,但你可以直接用yarn create umi,安静等待,等会儿会让你做出选择,我们选择ant-design-pro,选择语言Javascript(或者TypeScript,取决于你的使用),接着选一个simple即可,然后等着安装吧!可能安装过程很慢,请耐心等待就行。

四、运行 npm start 命令启动项目:

搭建Ant Design Pro脚手架_第1张图片

五、运行效果:

搭建Ant Design Pro脚手架_第2张图片

 到此,一个简单Ant Design Pro就搭建成功了,接下来可以去了解下结构,开始撸代码了。

官方搭建文档:https://pro.ant.design/docs/getting-started-cn

ps:有问题,欢迎随时交流,[email protected]

 

 

你可能感兴趣的:(react)