windows環境搭建Vue開發環境

2021-09-17 22:33:54 字數 1593 閱讀 1412

一、安裝node.js(

二、設定nodejs prefix(全域性)和cache(快取)路徑

1、在nodejs安裝路徑下,新建node_global和node_cache兩個資料夾

2、設定快取資料夾

npm config set cache "d:\vueproject\nodejs\node_cache"
設定全域性模組存放路徑

npm config set prefix "d:\vueproject\nodejs\node_global"
設定成功後,之後用命令npm install *** -g安裝以後模組就在d:\vueproject\nodejs\node_global裡

三、基於 node.js 安裝cnpm(**映象)

npm install -g cnpm --registry=
四、設定環境變數(非常重要)說明:設定環境變數可以使得住任意目錄下都可以使用cnpm、vue等命令,而不需要輸入全路徑

1、滑鼠右鍵"此電腦",選擇「屬性」選單,在彈出的「系統」對話方塊中左側選擇「高階系統設定」,彈出「系統屬性」對話方塊。

2、修改系統變數path

3、新增系統變數node_path

五、安裝新版本vue

node 版本要求

vue cli 需要 node.js 8.9 或更高版本 (推薦 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一臺電腦中管理多個 node 版本。

可以使用下列任一命令安裝這個新的包:

npm install -g @vue/cli

# or

yarn global add @vue/cli

安裝之後,你就可以在命令列中訪問vue命令。你可以通過簡單執行vue,看看是否展示出了乙份所有可用命令的幫助資訊,來驗證它是否安裝成功。

你還可以用這個命令來檢查其版本是否正確 (3.x):

vue --version

Windows搭建vue環境

vue.js是一套構建使用者介面的漸進式框架,其目標是通過盡可能簡單的api實現響應的資料繫結和組合的檢視元件。標籤引入。2.直接鏈結到cdn,也可以進行訪問。提示安裝完成之後,開啟cmd命令視窗,輸入node v和npm v,如圖所示 這裡有乙個cnpm npm的國內 映象 如果npm安裝失敗的話...

windows環境搭建Vue開發環境

一 安裝node.js 二 設定nodejs prefix 全域性 和cache 快取 路徑 1 在nodejs安裝路徑下,新建node global和node cache兩個資料夾 2 設定快取資料夾 npm config set cache d vueproject nodejs node ca...

windows環境搭建Vue開發環境

一 安裝node.js 二 設定nodejs prefix 全域性 和cache 快取 路徑 1 在nodejs安裝路徑下,新建node global和node cache兩個資料夾 2 設定快取資料夾 npm config set cache d vueproject nodejs node ca...