vue调试

1. 在chrome中安装插件 JetBrains IDE Support  (古月: 实际测试, 不需要该插件也行)

2. 创建demo项目 vue init webpack vuejs-webpack-project

3. 修改source map

   打开config/index.js文件, 修改source map属性，从cheap-module-eval-source-map改为source-map

'use strict'
module.exports = {
  dev: {
    /**
    * Source Maps
    */
    // https://webpack.js.org/configuration/devtool/#development
    // devtool: 'cheap-module-eval-source-map',
    devtool: 'source-map',
    // ...
  },
 
  build: {
    //...
  }
}

编辑调试配置，新建JavaScript调试配置，并设置要访问的url，以及Remote url配置

在URL处填写: http://localhost:8080

在src的Remote url处填写: webpack:///src

保存好调试配置