AngularJs（簡稱ng）是一個用於設計動態web應用的結構框架。首先，它是一個框架，不是類庫，是像EXT一樣提供一整套方案用於設計web應用。它不僅僅是一個Javascript框架，因為它的核心其實是對HTML標籤的增強。何為HTML標籤增強？其實就是使你能夠用標籤完成一部分頁面邏輯，具體方式就是通過自定義標籤、自定義屬性等，這些HTML原生沒有的標籤/屬性在ng中有一個名字：指令（directive）。

1.安裝nodejs

Angular官方給我們提供了一個命令列工具就是Angular CLI，通過這個工具我們能很容易的建立Angular專案。後期對專案的管理及構建等都是使用這麼命令列工具。 首先要安裝nodejs，可以直接去

開啟cmd，輸入npm install @angular/cli -g 配置環境變數path,加到最後面。C：\User\user2014(換成自己的）\AppData\Roaming\npm; 重新開啟cmd,輸入ng -v,出現版本號顯示成功

2.安裝npm

注意：npm（node package manager）node的包管理工具，npm是基於包管理的，所以開發者也能夠找到很多用於伺服器端的模組。也有一些包能夠在命令列介面來使用命令。同時開發者還能找到很多用於前端在瀏覽器上使用的包。

安裝cnpm ###（cnpm:簡單理解為中國的npm，方便下載）

安裝命令：npm install -g cnpm --registry=https://registry.npm.taobao.org cmd檢測是否安裝成功：cnmp -v

3、安裝配置angular cli

1. 開啟cmd執行命令: npm install @angular/cli -g
2. 配置環境變數:C:\Users\user20402（換成自己的使用者）\AppData\Roaming\npm;新增到path最後面，注意帶分號
3. 重新注意是重新，重新開啟cmd執行ng -v 如出現版本號資訊說明成功
   注意畫圈的地方，，Angular cli 版本是這樣的，如果出現beta字樣的，在新建元件時會報錯，就需要解除安裝npm,重新安裝。

4、開啟Idea，命令列輸入你npm start ,匯入專案。

在匯入專案，配置程式執行環境的時候，經常遇到報錯，主要有三方面的原因。

一是、環境變數配置不對，導致啟動專案時出現ng命令無法執行。 二是、在開啟專案方式不對，應該先啟動npm,在匯入專案，在進行npm install。安裝moudel。 三是、埠衝突了，這時候需要改專案執行的埠，使用 ng serve –port 4201這樣的命令修改，在執行專案就可以成功。

總結

第一次接觸angular，從配置環境開始，到執行專案還是遇到不少錯，作為一個小白，必須的不斷努力了啊。告誡自己，永遠不要做個廢人，加油。