本地環境

Windows 10 Enterprises Version 1607
Node v6.11.3
npm v3.10.10
Eclipse Mars.2（v4.5.2）

安裝前言

安裝nodeJs的前期準備工作，基本沒有難度，就不在此佔用篇幅了；基本上就是下載nodeJs安裝包，配置下環境變數，即可。

附上本地環境變數：
NODEJS_HOME=D:\Programs\NodeJs
NODE_GLOBAL=D:\Programs\NodeJs\node_global
NODE_PATH=D:\Programs\NodeJs\node_modules

安裝思路：

通過查閱資料，在Eclipse Market網站上，看到Angular IDE支援Eclipse 4.5以上版本，雖然部分特性只有在Oxygen等高版本下，才能使用，但不管怎麼說，起碼能用了；
Angular IDE： http://marketplace.eclipse.org/content/angular-ide

安裝過程

1. 開啟Eclipse Market

2. 搜尋Anguar外掛

3. 安裝外掛

選擇第一個，下一步、下一步、同意即可：

Note：
是不是很簡單？看著就知道安裝絕對沒有問題，對不對？可惜，如果運氣不好，你還是可能會遇到包括但不限定的下列問題之一：

踩過的坑：

1. 網路問題

Eclipse外掛線上安裝有一個很惱人的問題，就是網路傳輸

• 速度很慢，經常容易連線超時，從而阻塞進度；
• 容易掉資料幀，導致最終下載的檔案校驗不通過，安裝失敗；
  對此，要麼重新來過，多試幾次；要麼，使用VPN。推薦用VPN；

2. 元件依賴問題

Eclipse外掛安裝時，會檢查元件的依賴關係，如果沒有問題，會馬上進入下載安裝頁面；如果依賴有問題，它會自動聯網查詢依賴衝突的替代方案，這個過程非常非常非常慢，慢到你懷疑人生，想砸電腦。

取消依賴計算

解決方案是：當出現“ Cannot perform operation”的進度條時，直接點選紅點的取消按鈕，終止替代方案的查詢過程，檢視元件依賴問題原因，進行手動解決：

如圖顯示元件缺失，需要4.6.0的eclipse.platform.feature。
這個表明，我需要4.6.0以上版本的Eclipse才行，所以，我安裝Angular外掛時，通過不勾選這個特性來解決問題；

3. Xml檔案1位元組無效

這個問題，是我遇到的最坑的一個問題。

首先說，解決方案：

1. 放棄Eclipse Market方式安裝，改用Eclipse Install New Software的方式，進行https安裝。

簡單說，就是開啟安裝介面，貼入上述地址，並將http改為https，然後進行安裝，即可，配圖如下；

出現這個問題的原因是，某些安裝元件的更新地址，由http改為https後造成的，所以在官方對應的Eclipse Market沒有對應更新前，我們只好通過repository url手動安裝。

最後一步

當所有的問題都解決之後，你也安裝成功了，按提示重啟了Eclipse，但依然沒有看到熟悉的Angular啟動環境介面，此時你肯定困惑了：啊？哪裡又錯了嗎？Huck！（逆向用梗！咳~嗯）
事實上，你並沒有錯，你只是還差最後一個設定改動了：eclipse啟動配置

調整eclipse的啟動引數，使其用JDK8，這樣才能看到Angular安裝後的效果；

-vm
D:/Programs/Java/jdk1.8.0_101/bin/javaw.exe

-startup
plugins/org.eclipse.equinox.launcher_1.3.100.v20150511-1540.jar
--launcher.library
plugins/org.eclipse.equinox.launcher.win32.win32.x86_64_1.1.300.v20150602-1417
## 以下是原本檔案內容，就不貼了，不要複製我 ##

重啟後看到的畫面，完美！

1）welcome dashboard

2）server client：多了一個我朝思暮想的 Angular Cli

該環境搭建的過程，說容易也容易，說難也難
祝大夥兒披荊斬棘，最後都能順利安裝成功！

原創文章，轉載請保留連結，謝謝！

其它部落格總是開自動採集來自動轉載，真可惡，人家超氣的，錘你胸口！