環境搭建
參考文檔:https://angular.cn/guide/setup-local
第 1 步:安裝 Angular CLI
你可以使用 Angular CLI 來創建項目、生成應用和庫代碼,以及執行各種持續開發任務,比如測試、打包和部署。
全局安裝 Angular CLI。
要使用 npm 命令安裝 CLI,請打開終端/控制檯窗口,輸入如下命令:
npm install -g @angular/cli
//版本號:9.0.2
第 2 步:創建工作空間和初始應用
你要在 Angular 工作區的上下文中開發應用。
要創建一個新的工作空間和初始入門應用:
運行 CLI 命令 ng new 並提供 my-app 名稱作爲參數,如下所示:
ng new my-app
ng new 命令會提示你提供要把哪些特性包含在初始應用中。按 Enter 或 Return 鍵可以接受默認值。
Angular CLI 會安裝必要的 Angular npm 包和其他依賴包。這可能要花幾分鐘的時間。
CLI 會創建一個新的工作區和一個簡單的歡迎應用,隨時可以運行它。
測試了好幾次都是安裝失敗,網上查了一下懷疑是node版本低了。當前node:10.14.2,去官網下載了最新的安裝12.16
0之後繼續,安裝成功。
第 3 步:運行應用
Angular CLI 中包含一個服務器,方便你在本地構建和提供應用。
轉到 workspace 文件夾(my-app)。
使用 CLI 命令 ng serve 和 --open 選項來啓動服務器。
cd my-app
ng serve --open
ng serve 命令會啓動開發服務器、監視文件,並在這些文件發生更改時重建應用。
–open(或者只用 -o 縮寫)選項會自動打開你的瀏覽器,並訪問 http://localhost:4200/。
運行成功之後是下面的頁面: