
- Angular 4 教程
- Angular 4 - 主頁
- Angular 4 – 概述
- Angular 4 – 環境設定
- Angular 4 – 專案設定
- Angular 4 – 元件
- Angular 4 – 模組
- Angular 4 – 資料繫結
- Angular 4 – 事件繫結
- Angular 4 – 模板
- Angular 4 – 指令
- Angular 4 – 管道
- Angular 4 – 路由
- Angular 4 – 服務
- Angular 4 – Http 服務
- Angular 4 – 表單
- Angular 4 – 動畫
- Angular 4 – 材料
- Angular 4 – CLI
- Angular 4 – 示例
- Angular 4 有用資源
- Angular 4 快速指南
- Angular 4 - 有用資源
- Angular 4 - 討論
Angular 4 - 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 中更新。
廣告