Angular 2 - 命令列介面 (CLI)



命令列介面 (CLI) 可用於建立 Angular JS 應用程式。它還有助於建立應用程式的單元測試和端到端測試。

Angular CLI 的官方網站是 https://cli.angular.io/

angular.io

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

Angular.cli

現在讓我們看看我們可以用 Angular CLI 做些什麼。

安裝 CLI

注意 - 請確保系統已安裝 Python。Python 可以從以下網站下載 https://python.club.tw/

Python

第一步是安裝 CLI。我們可以使用以下命令:

npm install –g angular-cli

現在,在任何目錄中建立一個名為 angularCLI 的新資料夾,然後執行上述命令。

Angular.cli Directory

完成後,CLI 將被安裝。

CLI Installed

建立專案

可以使用以下命令建立 Angular JS 專案。

語法

ng new Project_name

引數

專案名稱 - 這是需要建立的專案名稱。

輸出

無。

示例

讓我們執行以下命令來建立一個新專案。

ng new demo2

它將自動建立檔案並開始下載必要的 npm 包。

npm Packages

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

Newly Created Project

執行專案

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

ng server

ng Server

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

APP Works
廣告