win11下配置vue3版本

安裝node.js

PS：全局需要使用管理員權限打開CMD**

下載nodejs的地址

• 選擇左邊就好
  

• 下載安裝后，選擇自己需要安裝的盤符，即可，不再敘述。

• 打開CMD查看node是否安裝成功
  

創建目錄安裝

1. 創建全局安裝目錄和緩存目錄（主要是節省C盤空間）

一個 node_global 文件夾，一個 node_cache 文件夾，分別作為默認安裝目錄和緩存日志目錄。
在CMD中執行命令，將npm的全局模塊目錄和緩存目錄配置到剛才創建的兩個目錄：

npm config set prefix "D:\WorkSoft\NodeJS\node_cache"
npm config set cache "D:\WorkSoft\NodeJS\node_global"

2. 設置目錄路徑

npm config get prefix 查看npm全局安裝包保存路徑
npm config get cache 查看npm裝包緩存路徑

npm config list 查看所有npm 配置

配置淘寶node鏡像

npm config get registry 查看npm下載源 （我這里已經配置淘寶的，就不再顯示默認的了）

1. 永久設置，免於后期更改

• 直接修改npm的默認配置

npm config set registry https://registry.npm.taobao.org 設置淘寶鏡像

npm config get registry 或 npm config list 命令查看npm下載源是否配置成功
可以看到修改成功，默認的是 https://registry.npmjs.org

安裝vue腳手架

不指定版本號即可默認安裝最新版本 npm install -g @vue/cli
安裝完成后查看vue是否安裝成功 npm info vue

查看vue版本npm list vue -g

再去配置nodejs環境變量

1. 在系統變量中添加NODE_PATH
   

2. 在path路徑中添加nodejs的安裝路徑
   

3. 在用戶變量path中添加node_cache和node_global路徑變量
   

創建vue測試項目

vue create test創建test項目（字母全部小寫）

等待ing創建成功

創建成功

npm run serve啟動項目（需要在指定項目根目錄下啟動）

成功頁面！