ant design pro入门

ant design pro入门记录

• 废话
• 开始
• 进阶

废话

实习期间的第一个活是做一个portal平台，因为做的太丑被疯狂吐槽【强行前端瑟瑟发抖】，然后师姐四方打听之后推荐我用ant design pro 的开源框架。还是有一些学习成本的，摸索了一天勉强上手，记录一下摸索过程。

开始

请参阅ant design pro的官方文档。https://pro.ant.design/docs/getting-started-cn
尝试了几种开始使用的方法，都能成

1. 参见https://pro.ant.design/docs/getting-started-cn
   
   
   

2. git+idea

   1） 克隆项目 git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project
   2） 在idea中添加nodejs插件：
   File→Settings→Plugins→Browse repositories→搜索node.js→install。
   3） 用idea打开整个文件夹，在idea的terminal中执行npm install
   4.） 在左侧目录栏找到package.json，右键选择Show npm Scripts，即可看到脚本树。双击start执行即可
   

进阶

打开浏览器访问 http://localhost:8000，并不是ant design pro的完整项目，似乎只有欢迎页和表单页。
如何获得预览展示（如下图）的全部或部分布局和组件呢？

获得全部组件方法：npm run fetch:blocks