在IDEA中Debug调试VUE项⽬的详细步骤
调试js代码,每次都在要在代码中写debugger,或者在chrome中打断点,⽽且chrome的断点信息不⼈性化。偶然发现idea竟然有这个功能,简直神器啊。研究了半天终于搞定了,哈哈,开⼼。下⾯是详细步骤:
1.下载浏览器插件
在chrome应⽤商店搜索"jetbrains ide support"插件,可能需要FQ(不会百度,⽼D google host),如下图,这⾥是我安装好的。这⾥我试过下载好的插件,安装但是没有连接成功,总是提⽰错误,下⽂会提到。所以别偷懒,⽼⽼实实下载。
安装成功后如右上⾓会出现此图标
需要注意的是,不要下载好的插件安装,⼀是安装后不起作⽤,⼆是chrome不信任未知来源的插件,重启后会⾃动停⽤插件。如果不能在线安装的话,还有⼀个办法:将下载后的插件后缀名改为rar,解压缩到⽂件夹⾥,使⽤浏览器的插件开发者模式,将⽂件夹加载为插件,也可安装。
idea debug还有在插件图标上右键,选项,如下图,可以配置端⼝,这⾥要和idea⾥的⼀致才⾏;
2.配置IDEA
idea中配置如下
这两步配置好以后,运⾏刚创建的JavaScript Debug 就可以debug启动,打断点访问了
到此这篇关于在IDEA中Debug调试VUE前端项⽬的⽅法的⽂章就介绍到这了,更多相关idea调试vue项⽬内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论