1.配置node環境
2）.安裝完成之後在 選擇 我的電腦 右鍵 選屬性-> 高階系統設定 -> 環境變數 -> 新建
變數名自定義，變數值寫node的安裝路徑
如下是我的變數值：
3).檢視node是否安裝成功：
win+r 進入輸入cmd進入命令列，輸入 node -v 命令 ，安裝成功之後會顯示node的版本號，如下所示：
到此node安裝成功。
在命令列，輸入 npm -v 命令 ，檢視npm的版本號
2.配置python環境
如果不安裝python的話在進行第3步安裝時會出現與python相關的錯誤，
python的安裝與node的安裝步驟相同，可以參照node的安裝。
檢視python是否安裝的命令為 python 。
3.安裝angular-cli
1).因為angular-cli是用typescript寫的，所以要先裝這個： npm install -g typescript typings
2).安裝angular-cli : npm install -g @angular/cli
如果你之前安裝失敗過，最好在安裝angular-cli之前先解除安裝乾淨，使用一下命令：
npm uninstall -g angular-cli
npm cache clean
之後進入如下目錄，刪除ng和ng.cmd這兩個檔案。
3).由於被牆的原因按照普通方式安裝可能會安裝失敗，因此可以設定**映象安裝
設定方法1. npm config setregistry
成功之後再使用 npm install -g @angular/cli 安裝即可。
設定方法2.可以直接使用npm安裝**映象：npm i -g cnpm,
安裝成功使用 cnpm i -g @angular/cli 安裝即可。
安裝指定的angula版本：cnpm install -g @angular/[email protected]5).檢查angular-cli是否安裝成功，在命令列使用 ng -v 檢視是否成功
4.建立angular專案
1).建立angular新專案命令：ng new projectname ;注：projectname為專案的名稱，等待專案自動建立。
2).專案建立成功之後切換到專案的目錄下，使用 ng serve 啟動專案，編譯完成可以在瀏覽器位址列輸入http://localhost:4200/，就可以看到新建立的專案。
5.開發工作
接下來就可以使用angular進行相關專案的**編寫
6.編譯本地執行 ng serve
參照第4部分
7.打包
進行打包 ng build 打包後會生成dist資料夾
angular開發環境搭建及新建專案
最近乙個星期準備學習一下angular前端框架，因為之前在學習abp框架的時候，都要求前端要掌握angular,所以不得不回來惡補一下了，學習的過程有時間的話會記錄在這裡，方便以後複習。閒言少敘，下面來介紹開發環境搭建的步驟 安裝完成後，可通過控制台cmd win r cmd 輸入如下命令檢視nod...
node下搭建Angular開發環境
在cmd 中敲入 npm v檢視版本號看是否安裝成功 2.安裝 映象 npm install g cnpm registry 3.安裝angular cli cnpm install g angular cli latest 安裝完成後輸入ng help檢視是否安裝成功 4.進入你想存放專案的位置 ...
快速搭建angular7 前端開發環境
第一步 全域性安裝 angular cli 1 開啟npm 終端 安裝angular cli 第二步 創造工作區和初始應用 第三步 啟動開發伺服器 2 ng serve open 第四部分 angular的一些元件 1 component ngmodule 乙個裝飾器，用於把某個類標記為 angul...