Angular 開發環境(Windows 版)? | angular安裝
[Windows版][Ubuntu版[1]][Mac版]安裝Node.js6.9.x&npm3.x.x以上版本可以至Node.js官方網站[2]下載安裝檔(目前最新版本為8.4.0)執行安裝可以在命令提示字元內透過node-v指令確認是否安裝成功以及目前安裝版本(目前Node.js使用版本為8.4.0)透過npm-v指令確認目前npm版本(目前npm使用版本為5.3.0)安裝AngularCLI利用命令提示字元透過npm安裝AngularCLI,指令如下:npminstall-g@angular/cliinsatll為安裝參數,可以縮寫為i,反安裝時可以改用uninstall參數。-g表示所安裝的套件(package)會安裝在全域(global)內。透過ng-v指令確認是...
[Windows 版] [Ubuntu 版[1]] [Mac 版] 安裝 Node.js 6.9.x & npm 3.x.x 以上版本可以至 Node.js 官方網站[2]下載安裝檔(目前最新版本為8.4.0)執行安裝
可以在命令提示字元內透過 node -v 指令確認是否安裝成功以及目前安裝版本(目前 Node.js 使用版本為8.4.0)透過 npm -v 指令確認目前npm版本(目前npm使用版本為5.3.0)
安裝 Angular CLI利用命令提示字元透過 npm 安裝 Angular CLI,指令如下:npm install -g @angular/cli
insatll 為安裝參數,可以縮寫為 i,反安裝時可以改用 uninstall 參數。-g 表示所安裝的套件(package)會安裝在全域(global)內。
透過 ng -v 指令確認是否安裝成功以及目前安裝版本(目前cli使用版本為1.3.2)
安裝IDE工具 (簡稱:VS Code)下列是官方所推薦的 IDE 工具:https://angular.io/resources其實任何文字編輯器(例如:Atom、Sublime Text)皆開當作開發工具,下面以筆者習慣的 Visual Studio Code (簡稱:VS Code) 為例,至 VS Code 官方網站下載安裝檔勾選[以 Code開啟]可以透過檔案總管功能選單直接開啟專案資料夾或是所選取的檔案[3][4]
安裝擴充功能VS Code 提供擴充功能,對於初學者來說安裝適當的擴充功能可以減緩學習曲線,降低門檻,保哥也很佛心的將不錯的擴充功能都打包起來,讓我們可以很方便的一鍵安裝。開啟 VS Code 點選擴充功能,在上方輸入 Angular 關鍵字,選擇 Angular Extension Pack 並點選安裝,安裝新的擴充功能或更新既有擴充功能都須重新載入才能生效。從詳細資料可以看到安裝了那些擴充功能,以及建議的屬性設定。點選 VS Code 左下方齒輪按鈕,選擇”設定”選單。“設定”頁面,左半部為預設的設定值,右半部為修改的新設定值。新版的VS Code 可以直接點選編輯按鈕來快速修...