場景

Angualr 是一款來自谷歌的開源的web 前端框架，誕生于2009 年，由Misko Hevery 等
人創建，后為Google 所收購。是一款優秀的前端JS 框架，已經被用于Google 的多款產品當
中。

Angualr 基于TypeScript 和react、vue 相比Angular 更適合中大型企業級項目。

Angular官網：

https://angular.cn/

開發Angular項目的IDE推薦使用VisualStudioCode

VisualStudioCode下載安裝與安裝中文插件教程(圖文教程):

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/105556884

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

實現

Angular環境搭建

確保電腦已經安裝最新的穩定版本的node.js

為了提高npm install的速度與效率，這里安裝cnpm使用淘寶鏡像

npm install -g cnpm --registry=https://registry.npm.taobao.org

?

然后全局安裝angular腳手架

npm install -g @angular/cli

或者

cnpm install -g @angular/cli

?

Angular創建項目

新建一個文件夾helloAngular，然后在此文件夾下打開命令行輸入

ng new angulardemo

其中angulardemo是項目名稱

然后會提示是否添加路由配置，這里選擇是，并且選擇css預編譯器，這里選擇SCSS并回車。

?

這樣安裝會將相關依賴進行安裝，即執行npm install 操作，所以速度會慢點。

如果只是新建項目跳過npm install，可以執行以下命令。

ng new angulardemo --skip-install

然后進入到項目目錄

cd angulardemo

然后再安裝項目依賴

cnpm install

這樣會快些

?

如果在安裝過程中出現resource busy or locked

關閉殺毒軟件，然后將node_modeules刪掉重新執行cnpm install 即可

安裝過程中若出現提示，輸入Y回車即可。

?

運行Angular項目

ng serve --open

?

?

總結

以上是生活随笔為你收集整理的Angular介绍、安装Angular Cli、创建Angular项目入门教程的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。