Angular CLI的安裝及使用

魔豆發表於2018-08-02

安裝命令列

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>

相關文章