在idea中安裝vue插件

搜索不到vue的可以看這個(gè)解決方案

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

npm install

出現(xiàn)npm不是內(nèi)部或外部命令

解決方案：

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

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

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

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

安裝完成啟動(dòng)服務(wù)：

npm run serve

啟動(dòng)報(bào)錯(cuò)
‘vue-cli-service’ 不是內(nèi)部或外部命令，也不是可運(yùn)行的程序
網(wǎng)上很多人說讓重新install
運(yùn)行 ：npm install
才發(fā)現(xiàn)原來報(bào)錯(cuò)了：Run npm audit for details.
解決方案：
檢測項(xiàng)目依賴中的漏洞并自動(dòng)安裝需要更新的有漏洞的依賴，而不必再自己進(jìn)行跟蹤和修復(fù)。

npm audit fix npm audit fix –force npm audit

執(zhí)行完在 npm run dev 進(jìn)行啟動(dòng)
啟動(dòng)報(bào)錯(cuò)：Error: Cannot find module ‘compression-webpack-plugin’

解決辦法：安裝低版本的這個(gè)插件

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

不好使哇
更新項(xiàng)目的依賴包

npm update

更新也報(bào)錯(cuò)
npm降級

npm install npm@5.0.0 -g

報(bào)錯(cuò)了，刪除nodejs目錄下的npx和npm，

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

好吧總有新的報(bào)錯(cuò)

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

嘗試方法二 ：

進(jìn)入項(xiàng)目目錄，把node_modules，package-lock.json刪除
以管理員身份運(yùn)行CMD
cd到項(xiàng)目目錄，清除npm緩存：

npm cache clean --force

然后再進(jìn)行npm install
本來準(zhǔn)備清除完成就輸入 npm install進(jìn)行安裝的
結(jié)果在清除完成后idea右下角小彈框提示了 npm install 自動(dòng)安裝依賴
于是點(diǎn)擊npm install 抱著嘗試的態(tài)度等待

好吧，又有報(bào)錯(cuò)了

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

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

又出現(xiàn)修復(fù)

那就運(yùn)行修復(fù)命令進(jìn)行修復(fù)
修復(fù)報(bào)錯(cuò)

輸入 npm install 重新安裝
報(bào)錯(cuò) ：× 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

然后運(yùn)行 cnpm install

出現(xiàn)報(bào)錯(cuò)：cnpm : 無法加載文件 C:\Users\Administrator\AppData\Roaming\npm\cnpm.ps1，因?yàn)樵诖讼到y(tǒng)上禁止運(yùn)行腳本。有關(guān)詳細(xì)信息，請參閱 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。

解決方案：以管理員身份運(yùn)行 power shell

輸入：

set-ExecutionPolicy RemoteSigned

回車
再輸入：A
回車

然后回到項(xiàng)目下，重新輸入 cnpm install

完成后，
輸入： cnpm start
報(bào)錯(cuò)：npm ERR! missing script: start

換成輸入： npm run dev 啟動(dòng)項(xiàng)目

可算成功了

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。