最近乙個星期準備學習一下angular前端框架，因為之前在學習abp框架的時候，都要求前端要掌握angular,所以不得不回來惡補一下了，學習的過程有時間的話會記錄在這裡，方便以後複習。
閒言少敘，下面來介紹開發環境搭建的步驟：
安裝完成後，可通過控制台cmd(win + r cmd),輸入如下命令檢視node.js和npm的版本，命令如下：
//如果安裝成功，則會顯示如下資訊：node 版本
node -v
//npm版本
npm -v
npm和cnpm都是自動從網路上獲取一些開發資源的工具，但是npm訪問的是國外的資源，cnpm是訪問的**維護的國內的資源，所以在獲取一些資源的時候，使用cnpm要快的多，下面給出使用npm安裝cnpm的命令列：
安裝好後，結果如下：
angular/cli 是乙個類似工具的東西，具體的我也沒有深究，根據我使用一次的直觀感受，它的作用就是，安裝它後，我們可以通過各種不同的命令列來實現angular專案的建立，執行，除錯等等。
安裝命令如下：
//可以使用npm或cnpm安裝，但是cnpm安裝速度快很多。安裝結果如下：使用 npm安裝
npm install -g @angular/cli
//使用cnpm安裝
cnpm install -g @angular/cli
顯示所有包安裝完成，表示已經安裝好了。
我把檔案放到這裡：
然後，使用下面的命令建立專案：
//ng new 專案名稱，如下示例：建立名為 helloangular的專案
安裝後結果：
新建專案的過程可能會失敗，在文末我會給出乙個文件，是在網上找到的資料，裡面給出了對於整個環境搭建的詳細步驟，以及出錯原因和出錯解決辦法。
命令列如下：
//結果如下：第一步：進入專案目錄
cd helloangualr
//第二步：執行專案
ng serve --open
出現如下介面，說明專案建立完畢，執行無誤。
使用angular的時候，一般使用vs code這個編輯器，非常的好這個工具。下面啟動vs code，開啟對應資料夾：
然後，按下圖所示安裝一下angular的外掛程式：
把這個外掛程式安裝上，之後就可以使用vscode來進行學習和開發了。
angular介紹、安裝angular cli、建立angular專案 預編譯器scss less css配置：
提取碼：iez6
本篇結束！
angular 開發環境搭建及專案建立
1.配置node環境 2 安裝完成之後在 選擇 我的電腦 右鍵 選屬性 高階系統設定 環境變數 新建 變數名自定義，變數值寫node的安裝路徑 如下是我的變數值 3 檢視node是否安裝成功 win r 進入輸入cmd進入命令列，輸入 node v 命令 安裝成功之後會顯示node的版本號，如下所示...
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...