Angular 環境搭建和建立專案

2021-09-19 06:02:28 字數 1202 閱讀 7848

angualr是一款來自谷歌開源的web前端框架,誕生於2023年,angualr基於typescript和react/vue相比angular更適合中大型企業級專案,根據官方介紹,angular每過幾個月就會更新乙個版本。

安裝前準備工作:

1.安裝nodejs

2.在cmd命令中安裝cnpm

npm可能安裝失敗,建議先用npm安裝一下 cnpm用**映象安裝

npm install -g cnpm --registry=

再安裝cnpm代替npm命令:npm install -g cnpm

3.再安裝angular cli:

cnpm install -g @angular/cli 或npm install -g @angular/cli

命令輸入完成,angular環境就配置完成了

4.通過命令檢視版本號

在cmd中輸入node -v 可看nodejs的版本

npn -v可以看npm的版本

ng version(ng v)檢視angular的版本號

輸入ng v出下圖則證明angualr環境搭建成功:

1.首先在我們盤裡建乙個angular目錄,以後會把所有angular專案的放在這個目錄下。

2.開啟命令列工具找到你要建立專案的目錄

3.建立專案:ng new 專案名稱

選擇自己會用的回車,這樣空專案就建立好了

4.在命令裡找到新建的目錄,然後cnpm install安裝依賴

5,專案安裝成功後,通過, ng server --open執行專案

最後把angular匯入到編譯器中進行開發,然後需要引用第三方庫,和建立元件,之後就可以寫**了。

Angular環境搭建和建立專案

1.安裝nodejs 2.安裝cnpm npm install g cnpm registry 3.安裝angular cli npm install g angular cli 或者 cnpm install g angular cli cmd命令視窗敲 ng v 出現angular cli安裝成...

Angular基礎 環境搭建和目錄分析

angular環境搭建 安裝node.js 安裝angular npm install g angular cli 建立專案 ng new angulardemo 安裝依賴失敗可以先cd到目錄裡,然後cnpm i 提前安裝cnpm 執行專案 ng serve open 開發工具 vscode 在拓展...

angular 開發環境搭建及專案建立

1.配置node環境 2 安裝完成之後在 選擇 我的電腦 右鍵 選屬性 高階系統設定 環境變數 新建 變數名自定義,變數值寫node的安裝路徑 如下是我的變數值 3 檢視node是否安裝成功 win r 進入輸入cmd進入命令列,輸入 node v 命令 安裝成功之後會顯示node的版本號,如下所示...