
- Angular 6 教程
- Angular 6 - 主頁
- Angular 6 - 概述
- Angular 6 - 環境設定
- Angular 6 - 專案設定
- Angular 6 - 元件
- Angular 6 - 模組
- Angular 6 - 資料繫結
- Angular 6 - 事件繫結
- Angular 6 - 模板
- Angular 6 - 指令
- Angular 6 - 管道
- Angular 6 - 路由
- Angular 6 - 服務
- Angular 6 - Http 服務
- Angular 6 - Http 客戶端
- Angular 6 - 表單
- Angular 6 - 動畫
- Angular 6 -材質
- Angular 6 - CLI
- Angular 6 有用資源
- Angular 6 - 快速指南
- Angular 6 - 有用資源
- Angular 6 - 討論
Angular 6 - CLI
使用 Angular CLI 可以輕鬆啟動任何 Angular 專案。Angular CLI 附帶了可以幫助我們快速建立專案並開始從事專案的命令。現在我們瞭解一下建立專案、元件和服務、更改埠等的可用命令。
要使用 Angular CLI,我們需要在系統上安裝它。對於以下命令,使用 −
npm install -g @angular/cli
要建立新專案,我們可以在命令列中執行以下命令,然後建立該專案。
ng new PROJECT-NAME cd PROJECT-NAME ng serve //
ng serve // 將編譯,您可以在瀏覽器中看到專案的輸出 −
https://:4200/
建立新專案時使用的預設埠為 4200。您可以使用以下命令更改埠 −
ng serve --host 0.0.0.0 --port 4201
下表列出了使用 Angular 4 專案時需要的一些重要命令。
元件 | ng g component new-component |
指令 | ng g directive new-directive |
管道 | ng g pipe new-pipe |
服務 | ng g service new-service |
模組 | ng g module my-module |
每當建立新模組、元件或服務時,都會在父模組 app.module.ts 中更新對它們的引用。
廣告