Angular開發環境準備

摘要： 1、安裝Node.js Node.js 始創於2009年，為採用 JavaScript 編寫伺服器端應用程式提供了一個簡單而高效的執行時。 Node.js 基於 Chrome 瀏覽器中使用的 avaScript 引擎，並且提供了一個用於在瀏覽器環境之外執行 JavaScript 程式碼的...

1、安裝Node.js

Node.js 始創於2009年，為採用 JavaScript 編寫伺服器端應用程式提供了一個簡單而高效的執行時。 Node.js 基於 Chrome 瀏覽器中使用的 avaScript 引擎，並且提供了一個用於在瀏覽器環境之外執行 JavaScript 程式碼的API。

• (1) 根據不同平臺系統選擇你需要的 ofollow,noindex">Node.js安裝包及原始碼

• (2) Window 上安裝Node.js

  在 Node.js安裝包及原始碼下載頁面 下載32位64位安裝包( .msi )，雙擊下載後的安裝包，安裝的過程中需要需要選擇安裝的目錄（預設安裝目錄也可以），選擇好了後，一步一步安裝即可。

  安裝完成後找到安裝的目錄，預設的安裝路徑 C:\Program Files\nodejs\node.exe ，這個路徑需要新增到環境變數中，才能正常使用。

新版的Node.js已自帶npm，安裝Node.js時會一起安裝，npm的作用就是對Node.js依賴的包進行管理。

• (3) 檢測PATH環境變數是否配置了Node.js

  開啟命令列工具（ Ctrl +R 開啟執行，然後輸入 cmd 點選確定即可），輸入 path ，即可檢視環境變數 ，如下：

我們可以看到環境變數中已經包含了 C:\Program Files\nodejs\
在命令列工具輸入 node -v ，檢查Node.js版本：

如果環境變數中麼有配置Node.js，則需要配置環境變數。

• (4) 配置環境變數

  “我的電腦” -> 右鍵 -> “屬性” -> “高階系統設定” -> “高階” -> “環境變數”

  或者“控制面板” -> “系統和安全” -> “系統” -> “高階系統設定” -> “高階” -> “環境變數”

進入環境變數對話方塊，在“系統變數”下新建 NODE_PATH ，輸入其真實路徑 C:\Program Files\nodejs\node.exe ，最後確定即可。

2、安裝angular-cli包（Windows環境）

• (1) 解除安裝先前安裝的 angular/cli

npm uninstall -g angular-cli
npm uninstall --save-dev angular-cli
npm uninstall -g @angular/cli

• (2) 確認安裝了 node.js 和 npm

node -v//檢視nodejs的版本
npm -v//檢視npm的版本

• (3) 全域性安裝 typescript （可選）

npm install -g typescript

• (4) 安裝 Angular cli

npm install -g @angular/cli

• (5) 檢驗 ng 版本

ng v 或ng --version

若安裝成功，則提示如下資訊：

3、安裝Git

• (1) 在 Windows 上安裝

  在 Windows 上使用 Git ，可以從 Git 官網直接 下載安裝程式 ，如果下載慢，也可以轉到 Git for windows ，然後按預設選項安裝即可。

  安裝完成後，在開始選單裡找到 Git -> Git Bash ，蹦出一個類似命令列視窗的東西，就說明Git安裝成功！

• (2) 在 Linux 上安裝

  如果要在 Linux 上安裝預編譯好的 Git 二進位制安裝包，可以直接用系統提供的包管理工具。在 Fedora 上用 yum 安裝：

yum install git-core

在 Ubuntu 這類 Debia n 體系的系統上，可以用 apt-get 安裝：

apt-get install git

更多Git的安裝方法，可參考 安裝Git

4、安裝編輯器

支援Angular開發的常見編輯器：

• Sublime
• Atom
• Brackets
• Webstorm
• Visual Studio Code