springboot整合vue

步骤

1. 创建springboot项目
2. 在resources目录下新建一个vue目录
3. 在vue目录下新建vue项目，或者把存在的vue项目copy到这个目录下都可以



4. 设置vue打包后输出的目录和vue打包后静态资源目录，在vue目录下（vue项目根目录）新建vue.config.js

module.exports = {
  // 设置打包后输出的目录
  outputDir: '../static',
  // 设置打包后静态资源目录
  assetsDir: 'static',
  devServer: {
    // 设置自动打开浏览器
    open: true,
    // 端口号
    port: 9999
  }
}      

1. 执行打包命令，会自动把vue项目打包输出到resources目录下的static目录中

npm run build      

1. 建议vue项目还是使用vs code编辑

IDEA添加对vue的支持

设置支持es6

下载vue.js插件