idea创建vue项目+vue与springboot连接（包含常见报错解决办法）

一、创建好一个springboot项目后，点击Terminal终端，输入vue init webpack +项目名 

可能会出现如下情况，Please run npm i -g @vue/cli-init and try again.

之后会有一些问题选择，我都是默认回车和yes。如果创建时就报错，看一下报错信息，会提供一个下载xx.zip的网站，下载好后放入错误信息提示要放入的文中，删除spring项目中的vue模块重新输入vue init webpack +项目名 就可以了

等待一会后就会出现项目创建成功的提示。我们就可以在我们的工程目录中看到vue项目的文件里目录

二、使用cd命令进入vue项目目录下后，执行 npm run dev

可能会有以下报错

项目初始化时npm run dev报错webpack-dev-server解决方法

        原因：这是新版webpack存在的BUG，卸载现有的新版本webpack，装老版本就好
webpack-dev-server 版本需要从最新版本降低到如下版本,因为开始构建项目所用的插件版本太低
（1）、npm uninstall webpack-dev-server
（2）、npm install webpack-dev-server@2.9.1
（3）、npm run dev

Error: Cannot find module ‘extract-text-webpack-plugin‘解决方法

1.全局安装npm init：

npm init -y -g

2、全局安装webpack（分别执行以下2条命令）：

npm install webpack -g
npm install webpack --save-dev -g

3、全局安装extract-text-webpack-plugin：

npm install --save extract-text-webpack-plugin
————————————————
版权声明：本文为CSDN博主「徊忆羽菲」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/guo_qiangqiang/article/details/109208780

三、在在浏览器输入http://localhost:8080 即可看到vue项目的网页