angular 環境搭建、創建項目和創建組件

一:環境搭建

1.搭建angular環境，要確保開發環境包括node.js
首先需要去nodejs官網https://nodejs.org/en/下載node.js;安裝以后，在終端/控制台窗口中運行 node -v  ，檢查是否安裝成功。

2.檢查你是否安裝了 npm 客戶端（Node.js 已經默認安裝了它），請在終端/控制台窗口中運行 npm -v 。

3.安裝Angular CLI

要使用 npm 命令安裝 CLI，請打開終端/控制台窗口，輸入如下命令：npm install -g @angular/cli

 

二：創建項目
1.在終端運行CLI命令： ng new 項目名稱   ; 例如：ng new angularTest  按enter鍵；
緊接着會出現 ? Would you like to add Angular routing? 輸入y或者直接按enter鍵；

然后會出現讓你選擇樣式

? Which stylesheet format would you like to use? (Use arrow keys) 按上下鍵選擇你需要的樣式，enter鍵進入下一步;

 

2.cd 到創建的項目，使用ng serve --open 啟動項目

 

 

 

三：目錄結構

 

 

 

 

四：創建組件

cd 項目
// 在終端輸入命令
// 如果想把自己寫的組件放到同一個文件夾中，可以輸入：
ng generate component 文件夾名稱/組件名稱，
或者
ng g component 文件夾名稱/組件名稱，

/*例如：
ng generate component myComponent/heroes
*/

// 如果想把自己寫的組件與根組件並列，可以輸入：
ng generate component 組件名稱
或者
ng g component 組件名稱

/*例如：
ng generate component heroes
*/