Vue記錄1 開發環境搭建

2022-10-10 10:09:12 字數 867 閱讀 2451

應用環境:win10

檢驗是否安裝成功:cmd-->node -v      (檢視node安裝版本)

注:@1:node最新穩定版本頻繁變化 ,如果出現某個模組不能在當前版本使用則需要公升級node 。

對於node的版本管理模組【node binary】 管理node版本 簡稱"n"

1)、cmd安裝n模組:npm install -g n

2)、公升級到穩定版本:n stable

3)、檢視當前版本:node -v

@2:**的cnpm命令管理工具可以代替預設的npm管理工具: npm install -g cnpm --registry=

2、vue-cli腳手架

輸入命令:cnpm install --global vue-cli  回車

驗證安裝成功,cmd輸入"vue",成功:vue的資訊及說明安裝成功

3、建立專案(腳手架安裝成功)

cmd進入相應碟符 建立專案命令:vue initwebpackprojectname說明:projectname為專案名稱webpack基於webpack專案

會提示輸入:專案名稱、描述、作者等基本資訊  以及是否安裝vue-router、js語法檢驗

建立專案完成

4、安裝專案依賴(install)

cmd進入專案目錄:  npm install (or: cnpm install)

5、專案執行

npm run dev  

vue開發環境搭建

安裝完成後,附件裡選擇命令提示符 或者在開始的搜尋框裡輸入cmd回車調出命令面板 輸入 node v回車,出現相應版本證明安裝成功,node環境已經安裝完成,由於有些npm有些資源被遮蔽或者是國外資源的原因,經常會導致用npm安裝依賴包的時候失敗,所有我還需要npm的國內映象 cnpm。在命令列中輸...

搭建VUE開發環境

搭建vue開發環境 2 window r開啟控制台,輸入node v,檢查nodejs是否安裝完畢 安裝好的話會有nodejs版本號出現 3 npm config set registry 由於npm太慢,所以安裝 npm映象 4 npm config get registry,檢驗 npm映象是否...

搭建vue開發環境

1.sudo apt get install nodejs 2.sudo apt get install npm node v由於npm是國外的,使用起來比較慢,我們這裡使用 的cnpm映象來安裝vue.的cnpm命令管理工具可以代替預設的npm管理工具。npm install g cnpm reg...