步驟1:安裝Angular CLI
您可以使用Angular CLI創建項目、生成應用程序和庫代碼，並執行各種正在進行的開發任務，如測試、打包和部署。
全局安裝Angular CLI。
要使用npm安裝CLI，打開終端/控制檯窗口，輸入以下命令:npm install -g @angular/cli
步驟2:創建工作區和初始應用程序
您可以在Angular工作區的上下文中開發應用程序。工作區包含一個或多個項目的文件。項目是包含應用程序、庫或端到端(e2e)測試的一組文件。
創建一個新的工作空間和初始的應用程序項目:
1。運行CLI命令ng new並提供my-app名稱，如下所示:ng new my-app
2.ng新命令會提示您輸入關於初始應用程序項目中包含的特性的信息。通過按Enter或Return鍵接受默認值。
Angular CLI安裝必要的Angular npm包和其他依賴項。這可能需要幾分鐘。
它還創建了以下工作區和啓動項目文件:
一個新的工作區，有一個名爲my-app的根文件夾
最初的框架應用程序項目，也稱爲my-app(在src子文件夾中)
端到端測試項目(在e2e子文件夾中)
相關的配置文件
初始應用程序項目包含一個簡單的歡迎應用程序，準備運行。
步驟3:服務應用程序
Angular包含了一個服務器，這樣你就可以方便地在本地構建和服務你的應用。
轉到工作區文件夾(my-app)。
使用CLI命令ng service啓動服務器，並使用——open選項。
cd my-app
ng serve --open
ng service命令啓動服務器，監視文件，並在對這些文件進行更改時重新構建應用程序。
open(或just -o)選項會自動將瀏覽器打開到http://localhost:4200/。
你的應用程序會向你發送一條信息:
第四步:編輯你的第一個Angular組件
組件是Angular應用程序的基本構建塊。它們在屏幕上顯示數據，監聽用戶輸入，並根據輸入採取行動。
作爲初始應用程序的一部分，CLI爲您創建了第一個Angular組件。它是根組件，名爲app-root。
開放。/ src / app / app.component.ts。
將標題屬性從“My - App”改爲“My First Angular App”。
瀏覽器使用修改後的標題自動重新加載。這很好，但它可以看起來更好。
打開./src/app/app.component.css，給組件一些樣式。
常用命令：
ng help: 獲取相關命令信息
ng new projectName: 新建一個Angular項目
ng serve: 編譯項目並運行，默認端口4200
ng generate [name] 在項目中創建新的代碼，可以創建模塊，組件等等，可簡寫ng g [name]創建一個nav組件:ng g component nav
可用命令:
add向項目中添加對外部庫的支持。
build (b)將Angular應用程序編譯到給定輸出路徑下名爲dist/的輸出目錄中。必須從
在工作區目錄中。
config在Angular中檢索或設置Angular配置值。工作區的json文件。
doc (d)在瀏覽器中打開正式的Angular文檔(Angular .io)，並搜索給定的關鍵字。
e2e (e)構建並服務於Angular應用程序，然後使用量角器運行端到端測試。
生成(g)根據示意圖生成和/或修改文件。
幫助列出可用的命令及其簡短的描述。
lint (l)在給定項目文件夾中的Angular應用程序代碼上運行linting工具。
new (n)創建一個新的工作區和一個初始的Angular應用程序。
run使用在項目中定義的可選自定義構建器配置運行架構師目標。
服務構建和服務您的應用程序，在文件更改時重新構建。
測試(t)在項目中運行單元測試。
update更新應用程序及其依賴項。參見https://update.angular.io/版本(v)輸出Angular CLI版本。
xi18n從源代碼中提取i18n消息。
有關更詳細的幫助，請運行“ng[命令名]-幫助”
Angular環境搭建
https://blog.csdn.net/yuzhiqiang_1993/article/details/70858829