Angular命令和基礎操作


本文檔假設你已經熟悉了 HTML,CSS,JavaScript和來自最新標准的一些知識,比如類和模塊。

 

一、Angular命令

命令語法:

  • 大多數命令以及少量選項,會有別名。別名會顯示在每個命令的語法描述中。

  • 選項名帶有雙中線前綴(--)。 選項別名帶有單中線前綴(-)。 參數沒有前綴。

  • 通常,生成的工件(artifact)名稱可以作為命令的參數進行指定,也可以使用 --name 選項
  • 參數和選項的名稱可以用小駝峰或中線分隔的格式給出。 --myOptionName 等價於 --my-option-name

命令概覽:

命令 別名 說明
add   將對外部庫的支持添加到項目中。
analytics   配置Angular CLI使用度量的收集。請參見https://v8.angular.io/cli/usage-analytics-gathering
build b 在給定的輸出路徑上將Angular應用程序編譯到名為dist/的輸出目錄中。必須從工作區目錄中執行。
config   在工作區的angular.json文件中檢索或設置Angular配置。
doc d 在瀏覽器中打開官方Angular文檔(angular.io),並搜索給定的關鍵字。
e2e e 構建並提供一個Angular應用程序,然后使用量角器運行端到端測試。
generate g 根據原理圖生成和/或修改文件。
help   列出可用命令及其簡短描述。
lint l 在給定項目文件夾中的Angular應用程序代碼上運行lint工具。
new n 創建新工作區和初始Angular應用程序。
run   使用項目中定義的可選自定義構建器配置運行Architect目標。
serve s 構建並提供應用程序,重建文件更改。
test t 在項目中運行單元測試。
update   更新您的應用程序及其依賴項。 見https://update.angular.io/
version v 輸出Angular CLI版本。
xi18n   從源代碼中提取i18n消息。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

常用命令:

①使用 npm 包管理器來安裝 CLI

npm install -g @angular/cli

②基本操作流

打開幫助:

ng help
ng generate --help 

新建、運行項目

ng new 項目名稱 
ng serve --open

 (空了繼續更新)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM