AngularJs入門

環境搭建

參考文檔: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/。
運行成功之後是下面的頁面:
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章