1 Webstorm
1.1 安裝
http://www.jetbrains.com/webstorm/ 官網下載最新版本
安裝完畢后啟動,在引導過程中輸入 http://idea.iteblog.com/key.php 通過驗證
1.2 格式設置
保證所有人使用格式化時能夠保證統一
File -> Default Setting
Editor -> Code Style -> JavaScript
image.png
image.png
2 前端公共環境
2.1 nodejs 安裝
官網 下載 https://nodejs.org/en/ 版本要求大于 v6.3.1
2.2 npm 鏡像切換
npm i -g nrm
nrm ls
nrm use taobao
3 前端工程環境
3.1 下載組件庫
在組件沒有發布前需要通過此步驟手動build,如果已經發布,那么跳過此步驟
https://github.com/KagouFE/iview.git
npm i
npm run dist // build
npm link // 本機全局共享
3.2 從git下載源碼
從coding下載,后用Webstorm打開。在Webstorm的Terminal下執行命令
3.3 安裝依賴庫
npm i // 有錯的情況下多次執行至沒有錯誤
npm i kagou // 針對組件已經發布的情況
npm link kagou // 針對組件需要手動build的情況
3.4 啟動服務
npm start