Angular 開發環境(Ubuntu 版)？

更新於 分類於

[Windows 版] [Ubuntu 版] [Mac 版]

安裝步驟

安裝前建議先更新 Ubuntu，可以透過 sudo apt-get update 下載套件清單與 sudo apt-get dist-upgrade 執行更新
img
img

Node.js 6.9.x & npm 3.x.x 以上版本

開啟 Node.js 官方網站說明可以看到安裝指令，開啟終端機執行指令：

img
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -

setup_8.x：表示8.x版本，
若未安裝 curl 可透過 sudo apt-get install curl 安裝。
img

img
img
最後特別說明要以 root 身分執行安裝，透過 su 指令切換成 root，並透過安裝指令安裝 Node.js。
sudo apt-get install -y nodejs
img

若未設定過 root 的密碼，可透過 sudo passwd 設定。
img

可以透過 node -v 及 npm -v 指令確認是 Node.js 與 npm 否安裝成功以及目前安裝版本(目前 Node.js 使用版本為8.4.0，npm 為5.3.0版)
img

安裝 Angular CLI

以 root 身分安裝Angular CLI，指令如下：
npm install -g @angular/cli

insatll 為安裝參數，可以縮寫為 i，
反安裝時可以改用 uninstall 參數。
-g 表示所安裝的套件(package)會安裝在全域(global)內。

img
透過 ng -v 指令確認是否安裝成功以及目前安裝版本(目前cli使用版本為1.3.2)
img

安裝IDE工具 (簡稱：VS Code)

下列是官方所推薦的 IDE 工具：https://angular.io/resources
img
至 VS Code 官方網站下載安裝檔
img
至透過軟體安裝執行安裝。
img
img
輸入使用者密碼再點選核對身分。
img
安裝完成後原本的安裝按鈕會變成移除安紐。
img
點選功能選單的搜尋你的電腦，輸入關鍵字即可看到 Visual Studio Code，點選圖示即可開啟。
img
可以開啟 VS Code 圖示的功能選單，將其鎖定至啟動欄方便日後執行。
img

安裝擴充功能

請參閱 Windows 版本