angular環境搭建時的坑

安裝angular環境踩過一些坑，最終仍是把工程跑起來了，這裏描述一下個人步驟，不排除有些步驟是多餘的，但願能對遇到一樣問題的小夥伴有幫助。

 

1. 下載最新版node.js。
2. 安裝node，安裝過程一路點下一步。
3. 打開cmd，執行node -v和npm -v肯定安裝成功。
4. 安裝angular-cli報了幾個錯，分別是缺乏visul c++組件，缺乏phython環境，。
5. 下載最新phyton，安裝並設置環境變量（網上有詳細步驟，由於第四步問題老是不成功，我懷疑是phython緣由，因此卸裝好幾遍）。
6. 安裝.NET Framework 的SDK，去下個2.0以上的版本裝。（網上有資源，由於第四步老是不成功，我懷疑是SDK緣由，因此卸裝了好幾個版本）。
7. 安裝微軟的visul studio，這玩意太大，幾十個G大小，反覆裝幾回老是裝一半就失敗，說缺乏微軟這個組件那個組件的，換版本也不成功，後來我不理它了。
8. 設置淘寶鏡像到.npmrc文件，我直接複製別人博客的內容，有三條：phantomjs_cdnurl=http://cnpmjs.org/downloads、sass_binary_site=https://npm.taobao.org/mirrors/node-sass/、registry=https://registry.npm.taobao.org
9. 卸載原沒裝成功的angular-cli，重裝。
10. 安裝失敗，卸載angular-cli，用cnpm命令再裝angular-cli。
11. 在cmd執行ng -version驗證成功。
12. 找個目錄執行ng new 命令建立angular項目，建立失敗，錯誤信息怎麼描述我忘記了，網上說node-sass有些內容下不下來，還有node-gyp依賴visul studio的API。執行這個錯誤項目，會報缺angular庫的一些文件。
13. 反覆卸裝node-sass，安裝的時候都報錯，後來我不理它了。
14. 再執行ng new命令建立angular項目，這個項目會先create一堆基礎文件而後再安裝node_modules。我一看到create完立馬按ctrl+c退出安裝，而後在工程根目錄用cnpm去安裝。工程順利建立。（new的時候會用npm安裝依賴庫，這裏是用淘寶鏡像去安裝依賴庫）
15. 啓動angular項目，總卡在「LicenseWebpackPl」，進度條卡死在95%。
16. 用npm命令安裝yarn管理工具（官網上的安裝包下不了）。
17. 從新建立angular項目，跟步驟14如出一轍。刪除項目裏的node_modules。
18. 進到工程的根目錄執行yarn命令，執行完以後，根目錄出現了node_modules文件了。
19. 執行npm start，順利啓動angular工程！