用Angular腳手架搭建專案

2021-09-12 22:05:12 字數 770 閱讀 9568

首先你得安裝好node和npm的環境。

接著用命令:npm install -g @angular/cli(這個命令可以安裝最新版)

然後用ng version命令檢驗是否成功

你可以選擇在你想要新建專案的資料夾下開啟命令列視窗輸入下面這個命令ng new your-project-name

最後專案建立成功後,會有提示的(我沒有截全)

有乙個快捷鍵的方式開啟當前資料夾的cmd視窗:在目標資料夾下按住shift然後滑鼠右鍵,就會有如下這個選項。

我直接用npm start這個命令了

這個專案版本算是挺老的了,後來自己又跑去公升級了腳手架,把專案公升到最新版(如圖1所示)

002 搭建專案腳手架

第一步 利用vue官方腳手架vue cli的基礎上,搭建好自定義,如圖所示的目錄結構及所需腳手架檔案。目錄 build用來存放webpack相關配置和指令碼。config 主要存放配置檔案,用於區分開發環境 測試環境 線上環境的不同。src專案原始碼及需要引用的資源檔案,分為客戶端與服務端。stat...

cue cli腳手架搭建專案

vue兩大核心思想 元件化和資料驅動。元件化 把整體分為各個可以復用的個體,資料驅動 通過資料變化直接影響bom展示,避免dom操作。vue.js安裝 npm方法 1.檢視版本 npm v 2.公升級npm cnpm install npm g 全域性安裝 vue cli npm install g...

vue腳手架搭建專案

首先安裝node,npm會自動安裝,node v 和 npm v檢視是否安裝成功和版本 切換npm為cnpm使用 映象源 npm install cnpm g registry cnpm 檢視是否成功和版本號 安裝vue cli cnpm install g vue cli vue v檢視版本 進入...