Angular7需要的基本操作

2021-09-02 18:13:21 字數 537 閱讀 8397

angular4和vue2是越來越像了

全域性安裝angular cli 腳手架工具

使用npm命令安裝

npm install -g @angular/cli 

安裝cnpm

國內直接裝經常會出問題,所以設定為**映象位址會更好。

npm install -g cnpm --registry=

安裝angular/cli失敗的方法

npm uninstall -g @angular/cli  //解除安裝angular/cli /

npm cache clean  //清除快取

cnpm install -g @angular/cli //重新安裝

檢測 angular cli 是否安裝成功

ng -v  //檢視版本能否正常顯示

typescript安裝

typescript,是ng應用開發中使用的主語言,所以也需要安裝ts。開啟cmd,輸入命令列『npm install –g typescript』。 

驗證 『tsc -v』 安裝情況 

Angular7上手體驗

檢視當前你的node版本可以在cmd中輸入 開發工具強烈推薦 用cli命令建立 ng7demo 這裡前面我用ng7 demo的時候報錯 應該是不能用下劃線 這裡誇獎下,7加入了cli prompts 建立的時候可以選是否啟用router 及 css用scss,sass等 暫時只有這2個prompts...

Angular 7 學習資料 (1)

angular 是乙個用 html 和 typescript 構建客戶端應用的平台與框架。angular 本身就是用 typescript 寫成的。它將核心功能和可選功能作為一組 typescript 庫進行實現,你可以把它們匯入你的應用中。angular 的基本構造塊是 ngmodule,它為元件...

Angular 7 自學總結 1

個人理解angular 建立乙個專案 專案目錄結構分析 主要需要知道的檔案 建立元件 如何在其他頁面復用元件?在新建立的元件中的news.component.ts檔案中,有乙個selector屬性就是名字,如果需要呼叫只需要在其他頁面中寫入 即可,這樣頁面 量少 復用率高。component 定義資...