Shulou(Shulou.com)06/03 Report--

This article will explain in detail how to debug the VUE project in Debug in IDEA. The editor thinks it is very practical, so I share it with you for reference. I hope you can get something after reading this article.

1. Download the browser plug-in

Search for the "jetbrains ide support" plug-in in the chrome App Store, you may need FQ (not Baidu, old D google host). As shown in the figure below, I installed it here. Here I have tried to find the downloaded plug-in, but the installation is not successful, always prompting errors, which will be mentioned below. So don't be lazy and download honestly.

This icon will appear in the upper right corner after a successful installation.

It should be noted that do not look for downloaded plug-ins to install, one is that it does not work after installation, and the other is that chrome does not trust plug-ins from unknown sources and will automatically deactivate plug-ins after restart. If you can't install it online, there's another way: change the downloaded plug-in suffix to rar, unzip it into a folder, use the browser's plug-in developer mode, load the folder as a plug-in, or install it.

Also right-click on the plug-in icon, options, such as the following figure, you can configure the port, which must be consistent with the one in idea.

two。 Configure IDEA

The configuration in idea is as follows

After these two steps are configured, you can start debug by running the newly created JavaScript Debug and access the breakpoint.

This is the end of this article on "how to debug VUE projects in IDEA". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it out for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.