1. 程式人生 > >Ant Design Pro入門教程 安裝框架

Ant Design Pro入門教程 安裝框架

介紹一下Ant Design Pro,說白了就是基於React的一套腳手架,UI是 Ant Design ,框架是 Ant Design Pro

腳手架安裝完成,執行起來的樣子:

這裡寫圖片描述

下面我們來看看怎麼安裝這套後臺管理系統

安裝

有兩種方式進行安裝:
直接 clone git 倉庫#

$ git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project
$ cd my-project
$ npm install ant-design-pro-cli -g
$ mkdir my-project && cd my-project
$ 
pro new # 安裝腳手架

安裝完以上的其中一步以後:
本地開發#
安裝依賴。

$ npm install

如果網路狀況不佳,可以使用 cnpm 進行加速。

$ npm start

這裡寫圖片描述

注意:
1.如果使用git 需要提前下載 安裝 git
2.如果使用npm 需要提前下載 Node.JS

上述兩個網站 進入 找對應版本,不做多餘贅述。