angular環境搭建時的坑
阿新 • • 發佈：2018-06-16
不下來 taobao ebp ++ sas 依賴庫 mir modules 別人
安裝angular環境踩過一些坑，最終還是把工程跑起來了，這裏描述一下我的步驟，不排除有些步驟是多余的，希望能對遇到同樣問題的小夥伴有幫助。
- 下載最新版node.js。
- 安裝node，安裝過程一路點下一步。
- 打開cmd，執行node -v和npm -v確定安裝成功。
- 安裝angular-cli報了幾個錯，分別是缺少visul c++組件，缺少phython環境，。
- 下載最新phyton，安裝並設置環境變量（網上有詳細步驟，因為第四步問題總是不成功，我懷疑是phython原因，所以卸裝好幾遍）。
- 安裝.NET Framework 的SDK，去下個2.0以上的版本裝。（網上有資源，因為第四步總是不成功，我懷疑是SDK原因，所以卸裝了好幾個版本）。
- 安裝微軟的visul studio，這玩意太大，幾十個G大小，反復裝幾次總是裝一半就失敗，說缺少微軟這個組件那個組件的，換版本也不成功，後來我不理它了。
- 設置淘寶鏡像到.npmrc文件，我直接復制別人博客的內容，有三條：phantomjs_cdnurl=http://cnpmjs.org/downloads、sass_binary_site=https://npm.taobao.org/mirrors/node-sass/、registry=https://registry.npm.taobao.org
- 卸載原沒裝成功的angular-cli，重裝。
- 安裝失敗，卸載angular-cli，用cnpm命令再裝angular-cli。
- 在cmd執行ng -version驗證成功。
- 找個目錄執行ng new 命令創建angular項目，創建失敗，錯誤信息怎麽描述我忘記了，網上說node-sass有些內容下不下來，還有node-gyp依賴visul studio的API。執行這個錯誤項目，會報缺angular庫的一些文件。
- 反復卸裝node-sass，安裝的時候都報錯，後來我不理它了。
- 再執行ng new命令創建angular項目，這個項目會先create一堆基礎文件然後再安裝node_modules。我一看到create完立馬按ctrl+c退出安裝，然後在工程根目錄用cnpm去安裝。工程順利創建。（new的時候會用npm安裝依賴庫，這裏是用淘寶鏡像去安裝依賴庫）
- 啟動angular項目，總卡在“LicenseWebpackPl”，進度條卡死在95%。
- 用npm命令安裝yarn管理工具（官網上的安裝包下不了）。
- 重新創建angular項目，跟步驟14一模一樣。刪除項目裏的node_modules。
- 進到工程的根目錄執行yarn命令，執行完之後，根目錄出現了node_modules文件了。
- 執行npm start，順利啟動angular工程！
angular環境搭建時的坑