1. 程式人生 > 實用技巧 >WebStrom建立Vue.js專案

WebStrom建立Vue.js專案

使用WebStorm建立Vue專案時與達到如下錯誤

Error: Cannot find module 'F:\Node.js\node_global\node_modules\vue-cli\bin\vue.js'

意思是在vue-cli裡找不到vue.js檔案 於是我去看了一下

確實沒有這個檔案

於是我去vue-cli官網看了一下安裝教程 有這麼一段話

就是說使用npm安裝的時候不是npm install vue-cli而是npm install @vue/cli

於是按上面那段話 先解除安裝已有的vue-cli,再重新安裝

在通過WebStrom建立Vue專案,成功

(npm install vue-cli安裝的是vue-cli 2.x版本 npm install @vue/cli是4.x版本)

vue-cli 2.x版本和3.x、4.x版本的區別:

2.x版本建立專案 vue init webpack my-project

3.x、4.x則是vue createmy-project

2.x版本啟動專案 vue run dev

3.x、4.x則是vue run serve