angular 安裝

步驟 1. 設置開發環境

安裝命令：npm install -g @angular/cli

 

 

安裝后出現下圖情況：

則繼續執行：

清空緩存： npm uninstall -g angular-cli

清空緩存后繼續執行直至成功：npm install -g @angular/cli

 

測試是否安裝成功：

命令行輸入 ： ng -v

出現下圖則證明安裝成功

 

 

步驟 2. 創建新項目

生成新項目命令：ng new my-app

 

安裝成功后如下圖所示：（問題）

http://www.ngui.cc/news/show-2039.html

解決辦法：npm cache clean --force

 

安裝成功如圖示：

步驟 3. 啟動開發服務器

進入項目目錄，並啟動服務器，命令如下：

cd my-app ng serve --open

如下圖：

 

運行完后自動打開瀏覽器並訪問 http://localhost:4200/

 

步驟 4.在以下目錄中找到新建的項目並打開

 

 步驟 5. 編輯Angular 組件

 

修改后瀏覽器自動刷新