Windows安裝Vue開發環境

2022-08-05 15:27:12 字數 1936 閱讀 7269

注意:看時不起眼的東西,卻總能讓你焦頭爛額,按照此步驟,你將少走很多彎路。。。

滑鼠雙擊執行安裝包

選擇安裝路徑,預設是c盤,我這裡選擇了d盤

預設就好

win + r , 輸入cmd ,開啟dos命令列,輸入node -v檢視nodejs版本號

例如:我希望將全模組所在路徑和快取路徑放在我node.js安裝的資料夾中,則在我安裝的資料夾【d:\nodejs】下建立兩個資料夾【node_global】及【node_cache】如下圖:

在當前資料夾,長按shift + 滑鼠右鍵 開啟cmd命令列

輸入以下命令設定

npm config set prefix "d:\nodejs\node_global"

npm config set cache "d:\nodejs\node_cache"

設定環境變數,關閉cmd視窗,“我的電腦”-右鍵-“屬性”-“高階系統設定”-“高階”-“環境變數”

進入環境變數對話方塊,在【系統變數】下新建【node_path】,輸入d:\nodejs\node_global\node_modules,將【使用者變數】下的【path】修改為d:\nodejs\node_global

配置完後,安裝個module測試下,我們就安裝最常用的express模組,開啟cmd視窗,

輸入如下命令,進行模組的全域性安裝:

npm install express -g     # -g是全域性安裝的意思
這樣就已經是安裝成功了,由於在國內使用npm是非常慢的,所以在這裡我們推薦使用**npm映象,使用

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

三:**映象安裝成功之後,我們就可以全域性vue-cli腳手架,輸入命令:cnpm install --globalvue-cli  回車;驗證是否安裝成功,在命令輸入vue,出來vue的資訊,及說明安裝成功;

然後我們開始建立新的專案輸入命令:vue init webpack my-project  回車,my-project是我自己的資料夾的名字,是基於webpack的專案,輸入之後就一直回車,直到出現是否要安裝vue-route,

這個我們在專案要用到,所以就輸入y 回車

這樣的話基本成功了,剩下的啟動測試就不多說了,

Windows 安裝 Vue

在公司 linux 環境下安裝不順利,回家在 windows 下操作感覺到一種幸福 先安裝了 nginx,其實跟 vue 沒關係,只是打算用...

vue vue開發環境配置(Windows10)

2 安裝 一直下一步,按照預設的安裝即可 3 驗證 開啟控制檯,輸入下面兩個命令檢視版本號 node v npm v 如果都顯示出了版本號說明node和npm都安裝成功了 注意 新版的node js已自帶npm,安裝node js時會一起安裝,npm的作用就是對node js依賴的包進行管理,也可以...