客户端vscode 调试vue的过程和服务器端java的联调

1.windows安装Chrome浏览器

2.vscode中安装Debugger for Chrome

 

3.追加调试配置

 

4.项目使用的是Vue CLI 3，使用npm run serve所以设置并更新 vue.config.js 内的 devtool property：

module.exports = {
  configureWebpack: {
    devtool: 'source-map'
  }
}

服务器端是java，启动后创建一个启动配置。直接在.java文件右键启动

1.关键是在启动信息里添加参数

-Xms512m -Xmx512m -Xmn164m -XX:MaxPermSize=250m -XX:ReservedCodeCacheSize=64m -Dserver.port=8080 -ea

 2.启动中碰到一个配置检测，点击了一下创建试试

Spring Configuration Check
            Unmapped Spring configuration files found.
            Please configure Spring facet or use 'Create Default Context' to add one including all unmapped files.
            boot-base (4 files)   Create Default Context
            boot-admin (4 files)   Create Default Context
            boot-common (4 files)   Create Default Context
            boot-bpm (1 file)   Create Default Context
            hmw-starter (1 file)   Create Default Context

在项目结构配置中，点击modoule，spring，加号，添加进来就解决了。