1. 程式人生 > >windows全域性安裝vue-cli無法初始化專案

windows全域性安裝vue-cli無法初始化專案

使用官方文件全域性安裝vue-cli

1.檢視node版本(安裝後記得配置node的環境變數,才能執行下面命令)
node -v


2.檢視npm版本
npm-v


npm install -g vue-cli

####3. 使用全域性安裝命令前請確定安裝了node以及node(新版自帶npm)和npm版本


4.有的安裝可能會報警告 npm版本不支援node版本,原因node版本太高或者npm版本太低,解決辦法如下(如果不報此警告請步驟)

升級npm版本(下面命令會把npm升級至最新版本)

npm install -g npm


5.安裝成功vue-cli後,執行腳手架初始化專案

vue init webpack 專案名稱


6.執行報錯: 沒有此命令可以處理

7.解決辦法:找到npm安裝目錄的目錄(預設是系統盤下的使用者下的AppData(此檔案是windows資料檔案,被隱藏了,可以檢視隱藏檔案))

在這裡插入圖片描述

接著找到如下檔案
在這裡插入圖片描述
再找到npm檔案
在這裡插入圖片描述
該目錄裡面就是剛下載的vue-cli啟動命令

將vue.cmd新增環境變數(複製藍色路徑,新增到環境變數中即可)

在這裡插入圖片描述

注:下載的vue-cli檔案再npm檔案下的node_module裡面(此步驟可忽略)

初始化專案測試

在這裡插入圖片描述

執行例項

在這裡插入圖片描述