发布网友 发布时间:2022-04-22 16:23
共1个回答
热心网友 时间:2023-11-12 08:44
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-mole-eval-source-map改为source-map