使用 Angular CLI 前,需先確認 Node.js 版本有到 6.9.0 以上,npm 有到 3 以上。

安裝用 npm 將 Angular CLI 安裝到全域。

npm install -g @angular/cli

1.png

安裝完可調用 ng 並帶入參數 -v 去查驗版本。

ng -v

2.png

用 help 命令去查閱使用語法。

ng help

3.png

用 new 命令帶入專案名稱去建立指定名稱的 Angular 專案。

ng new

4.png

專案建立後會幫我們準備好基本的程式。

5.png

進入專案目錄,用 serve 命令啟動服務器。

6.png

開啟瀏覽器輸入服務器網址即可看到專案運行起來的樣子。

7.png