idea vue 调试,vue怎么debug调试

　　Idea其实有一个神的功能，很多朋友不是特别清楚。下面小编为大家带来在IDEA中调试VUE项目的详细步骤。有兴趣的朋友来看看吧。

　　调试js代码时，总是需要在代码中编写调试器，或者在chrome中设置断点，chrome的断点信息不够人性化。偶然发现idea有这个功能，真是神器。研究了很久，终于完成了。哈哈，开心。下面是详细的步骤：

1.下载浏览器插件

　　在chrome应用商店中搜索“jetbrains ide support”插件。你可能需要FQ(不是百度，老D谷歌主机)，如下图。这是我安装的。在这里，我试图找到下载的插件，安装了但连接失败，总是给出一个错误，下面会提到。所以不要偷懒，老老实实下载。

　　成功安装后，此图标将出现在右上角。

　　需要注意的是，不要找下载的插件安装。第一，安装后不工作。第二，chrome不信任来历不明的插件，重启后会自动停用插件。如果不能在线安装，还有一个办法：把下载的插件的扩展名改成rar，解压到文件夹中，使用浏览器的插件开发者模式，把文件夹作为插件加载。也可以安装。

　　右键点击插件图标，如下图所示，可以配置端口，应该和idea中的一致。

　　idea中的配置如下

　　在两步配置之后，运行新创建的JavaScript debug可以启动调试并中断点访问。

　　本文介绍的调试VUE前端工程的方法就到此为止。有关在idea中调试vue项目的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。