antd Pro 系列之初识antd Pro

初识antd Pro

原因

一只后端猿接到了一个全栈的活，要开发一个完整的独立平台。前端只会html，但又想把前端做的很漂亮，怎么办？

网上冲浪找办法

发现一基于react的开源的前端框架。 antd pro，前身好像是antd。这只后端猿一下就被这高级的界面所吸引，差点惊呼一声一给我哩giao~，咳咳咳。

想用不会怎么办 - 文档走起

不得不说，antd Pro的文档，是相当的简洁啊，对这种只会html和js只会发请求的后端猿及其不友好啊。但是不友好咱也得用啊，文档看特喵的吧。

文档链接:antd Pro

第一步 安装环境

• 安装node.js 安装方法：百度
• 安装git 安装方法：百度
• 安装yarn 安装方法：百度

第二步 获得代码

• 新建一个空的文件夹作为项目目录，并在目录下执行

yarn create umi

• 选择ant-design-pro
• 选择 js/ts （ts玩不转 这只后端猿选的js）
• 还可以git clone 直接下拉代码。地址：https://github.com/ant-design/ant-design-pro

第三步 在本地跑起来

• 安装依赖（等几首歌的时间）

npm install

• 激动人心的时刻 - 启动

npm start

看看这高级的界面

后续用法 - 持续更新中… …

下一篇：antd Pro系列之 目录结构