本篇是後端工程師，第一次摸索前端UI Framework ，紀錄摸索 Ant Design Pro 的流程
一. 簡介 :
這套方便也美觀的UI Framework，其實是由知名阿里巴巴集團的螞蟻金福所釋出的，專門提供企業內開發中後台前端的快速解決方案。 先來看看UI呈現的效果 : DEMO
二. 準備開發環境 :
系統環境: OS: Windows 、IDE: Visual Studio Code
下載準備: 由於稍後要下載 Ant Design Pro 會使用 npm 、yarn 等方式安裝，所以必須先下載必要套件。
1. 下載 Node.js : 載點 ，接著找到安裝檔，一步步照著安裝程序執行即可。
三、安裝 Ant Desgin Pro UI框架 :
1. 開啟空白的VS Code，記得要使用系統管理者模式喔!
2. 同時壓住 Ctrl + ` 會跳出下半部的區域，然後切換到 command prompt 稍後都在這區域下指令就可以囉!
3. 切換到想要儲存位置的目錄後，
輸入 " yarn create umi ant_design_project "
(自訂識別的資料夾名稱 ant_design_project)
4. 要選擇安裝 Ant Design Pro
5. 要選擇 yarn
6. 要選擇 npm
7. 等待安裝過程 ....(約莫 10分鐘)
8. 看到這訊息，就代表完成了喔 ...
9. 開啟下載好的專案囉!
10. 先來試一下效果吧 : 依序輸入
" npm install "
" npm run start "
11. 開啟瀏覽器 URL: Localhost:8000
12. 就可以看到畫面囉 ~大功告成 ^^
請先 登入 以發表留言。