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 create my-project

2.x版本启动项目 vue run dev

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