Angular環境搭建和建立專案

2021-10-07 22:41:28 字數 969 閱讀 9309

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安裝成功

1.開啟cmd(右鍵,以管理員身份執行),進入到要建立專案的目錄

2.新建angular目錄,在cmd輸入

ng new 專案名稱

例:ng new angulardemo

cmd提出——would you like to add angular routing?   n(以後都選y,這裡暫時選no)

which stylesheet format would you like to use?  scss

到install package的時候,ctrl+c停止,再cd到專案目錄 

cd angulardemo

輸入命令

cnpm install

直接輸入

ng new angulardemo --skip-install

以「git不是內部或外部命令,也不是可執行的程式」作為結束

再cd到專案目錄,cnpm install安裝依賴

3.執行專案

ng serve --open

Angular 環境搭建和建立專案

angualr是一款來自谷歌開源的web前端框架,誕生於2009年,angualr基於typescript和react vue相比angular更適合中大型企業級專案,根據官方介紹,angular每過幾個月就會更新乙個版本。安裝前準備工作 1.安裝nodejs 2.在cmd命令中安裝cnpm npm...

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的版本號,如下所示...