调试 Vue 项目

简介

使用 IDEA 调试 Vue.js 单页面程序，理论上说应该是支持所有用 webpack 构建的应用程序

使用

1. 修改 webpack 配置 由于 webpack 把所有文件全部打包到一起，所以我们需要 webpack 提供给我们一个源地图
   修改 devtool 为 source-map 这是我的开发配置文件 vue.conf.js

   

2. 安装浏览器插件 JetBrains IDE Support (opens new window)

3. 新建一个debug Run-> Edit Configurations 然后选择 Javascript Debug

4. 运行 debug 点击小虫子

   之后会打开游览器，当运行到你设置的断点位置时，会唤起 IDEA