
- Angular 2 教程
- Angular 2 - 首頁
- Angular 2 - 概述
- Angular 2 - 環境配置
- Angular 2 - Hello World
- Angular 2 - 模組
- Angular 2 - 架構
- Angular 2 - 元件
- Angular 2 - 模板
- Angular 2 - 指令
- Angular 2 - 元資料
- Angular 2 - 資料繫結
- 使用 HTTP 進行 CRUD 操作
- Angular 2 - 錯誤處理
- Angular 2 - 路由
- Angular 2 - 導航
- Angular 2 - 表單
- Angular 2 - 命令列介面 (CLI)
- Angular 2 - 依賴注入
- Angular 2 - 高階配置
- Angular 2 - 第三方控制元件
- Angular 2 - 資料展示
- Angular 2 - 事件處理
- Angular 2 - 資料轉換
- Angular 2 - 自定義管道
- Angular 2 - 使用者輸入
- Angular 2 - 生命週期鉤子
- Angular 2 - 巢狀容器
- Angular 2 - 服務
- Angular 2 有用資源
- Angular 2 - 問答
- Angular 2 - 快速指南
- Angular 2 - 有用資源
- Angular 2 - 討論
Angular 2 - 命令列介面 (CLI)
命令列介面 (CLI) 可用於建立 Angular JS 應用程式。它還有助於建立應用程式的單元測試和端到端測試。
Angular CLI 的官方網站是 https://cli.angular.io/

如果您點選“入門”選項,您將被定向到 CLI 的 github 倉庫 https://github.com/angular/angular-cli

現在讓我們看看我們可以用 Angular CLI 做些什麼。
安裝 CLI
注意 - 請確保系統已安裝 Python。Python 可以從以下網站下載 https://python.club.tw/

第一步是安裝 CLI。我們可以使用以下命令:
npm install –g angular-cli
現在,在任何目錄中建立一個名為 angularCLI 的新資料夾,然後執行上述命令。

完成後,CLI 將被安裝。

建立專案
可以使用以下命令建立 Angular JS 專案。
語法
ng new Project_name
引數
專案名稱 - 這是需要建立的專案名稱。
輸出
無。
示例
讓我們執行以下命令來建立一個新專案。
ng new demo2
它將自動建立檔案並開始下載必要的 npm 包。

現在在 Visual Studio Code 中,我們可以開啟新建立的專案。

執行專案
要執行專案,您需要執行以下命令:
ng server

執行應用程式的預設埠號為 4200。您可以瀏覽到該埠並檢視正在執行的應用程式。

廣告