在idea中安裝vue插件

搜索不到vue的可以看這個解決方案

安裝成功重啟idea
點擊Treminal 輸入命令安裝依賴初始化：

npm install

出現npm不是內部或外部命令

解決方案：

C:\Windows\System32\WindowsPowerShell\v1.0\powershell.exe

重啟idea
運行命令：npm install
出現錯誤：npm : 無法將“npm”項識別為 cmdlet、函數、腳本文件或可運行程序的名稱。請檢查名稱的拼寫，如果包括路徑，請確保路徑正確，然后再試一次。 所在位置 行:1 字符: 1
關閉idea，使用管理員打開idea
重新輸入命令，可以正常安裝了

強烈建議不要用直接使用 cnpm 安裝，會有各種詭異的 bug，可以通過重新指定 registry 來解決 npm 安裝速度慢的問題。

npm install --registry=https://registry.npm.taobao.org

安裝完成啟動服務：

npm run serve

啟動報錯
‘vue-cli-service’ 不是內部或外部命令，也不是可運行的程序
網上很多人說讓重新install
運行 ：npm install
才發現原來報錯了：Run npm audit for details.
解決方案：
檢測項目依賴中的漏洞并自動安裝需要更新的有漏洞的依賴，而不必再自己進行跟蹤和修復。

npm audit fix npm audit fix –force npm audit

執行完在 npm run dev 進行啟動
啟動報錯：Error: Cannot find module ‘compression-webpack-plugin’

解決辦法：安裝低版本的這個插件

npm install --save-dev compression-webpack-plugin@1.1.12

不好使哇
更新項目的依賴包

npm update

更新也報錯
npm降級

npm install npm@5.0.0 -g

報錯了，刪除nodejs目錄下的npx和npm，

還是不可以，這些解決方案都不適合我
可能是我安裝了最新版的node有什么不兼容的問題吧，于是我就卸載了，
安裝了個10版本的node
卸載，下載安裝鏈接：https://blog.csdn.net/YXWik/article/details/110053469
安裝成功之后再次測試
進入項目繼續npm install

好吧總有新的報錯

嘗試方法一：
刪除npmrc文件。
在C:\Users{賬戶}\下的.npmrc文件。

嘗試方法二 ：

進入項目目錄，把node_modules，package-lock.json刪除
以管理員身份運行CMD
cd到項目目錄，清除npm緩存：

npm cache clean --force

然后再進行npm install
本來準備清除完成就輸入 npm install進行安裝的
結果在清除完成后idea右下角小彈框提示了 npm install 自動安裝依賴
于是點擊npm install 抱著嘗試的態度等待

好吧，又有報錯了

npm ERR! gifsicle@5.1.0 postinstall: node lib/install.js 應該是安裝失敗了
解決辦法：更換數據源

npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

又出現修復

那就運行修復命令進行修復
修復報錯

輸入 npm install 重新安裝
報錯 ：× Error: Command failed: C:\WINDOWS\system32\cmd.exe /s /c “autoreconf -ivf”

解決方案：使用cnmp install

先安裝cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

然后運行 cnpm install

出現報錯：cnpm : 無法加載文件 C:\Users\Administrator\AppData\Roaming\npm\cnpm.ps1，因為在此系統上禁止運行腳本。有關詳細信息，請參閱 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。

解決方案：以管理員身份運行 power shell

輸入：

set-ExecutionPolicy RemoteSigned

回車
再輸入：A
回車

然后回到項目下，重新輸入 cnpm install

完成后，
輸入： cnpm start
報錯：npm ERR! missing script: start

換成輸入： npm run dev 啟動項目

可算成功了

總結

以上是生活随笔為你收集整理的idea启动前端vue项目（各种坑）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。