安裝命令列
npm install -g @angular/cli
檢查命令列
ng v
使用這個命令可以檢查 angular cli是否安裝成功。我檢查的時候發現沒有安裝成功,提示我使用的node.js版本為6.9.2,不支援angular cli v6,至少需要node.js的版本在8.9以上,重新安裝了最新的node.js後,angular cli才可以正常使用
建立專案
ng new app1
使用這個命令列會自動構建專案,大概需要5分鐘左右的時間,流量需要大概100M左右
啟動專案
cd app1
ng serve --open
啟動以後,就可以訪問http://localhost:4200訪問專案了
建立及使用元件
ng generate component module1
或者使用簡寫
ng g c module1
建立完元件後,會在src/app資料夾建立一個module1的資料夾,並生成對應的檔案,在module1.components.ts檔案內有描述selector: 'app-module1'
那麼在app.component.html檔案就可以加入這麼一句程式碼引入這個元件<app-module1></app-module1>