3种调试方式
1、WebStorm + Chrome
在WebStorm中启动调试时，WebStorm会根据你设置的url，自动打开新的Chrome浏览器进程访问这个设置的url，而且这个浏览器页面和你平常看到的浏览器差异会比较大，看不到书签栏，也看不到先前所装的所有插件。
2、Visual Studio Code调试
Visual Studio Code + Chrome 也可以调试，也能支持在Visual Studio Code源代码处加断调试，当代码执行流运行到这个地方后，也会中断暂停运行，并在调试窗口显示本地变量的值以及堆栈，还可以在Debug Console里执行表达式。
3、Chrome直接调试
在Chrome中也可以打开调试窗口，找到source，然后在源代码处打断点，当代码执行到断点处也会暂停执行，然后有一个很小的窗口显示环境变量的值。
扩展资料
准备环境：
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
把你电脑开着什么事先不做开最少两个杀毒软件上去杀毒他会告诉你什么被篡改什么东西被变动过了到时候修复一下就好了还有360电脑专家里面你也可以找一下有没有相同的问题有的话直接修复一下就好了
