WEBSTORM Debug Debugging Vue Project Method Steps

First, use VUE plugin

1, download plug-in: https://www.jb51.net/softs/588080.html

webstrom Debug 调试vue项目的方法步骤

Such a VUE project in this way, you will see the plugin to shine

webstrom Debug 调试vue项目的方法步骤

Open the debug mode, you will see the last Vue tag Opening the current Vue page rendering related data

second, using Webstrom debugging download plug-in webstrom Debug 调试vue项目的方法步骤

Download: https : //www.jb51.net/softs/171905.html Open Webstrom Debugger to remember the port number

webstrom Debug 调试vue项目的方法步骤 Opened the plugin, options to install, fill in the port number

webstrom Debug 调试vue项目的方法步骤

, add a DEBUG configuration

webstrom Debug 调试vue项目的方法步骤

webstrom Debug 调试vue项目的方法步骤

webstrom Debug 调试vue项目的方法步骤 This runs a VUE project, and right-click on the page, the debug mode

webstrom Debug 调试vue项目的方法步骤

At will, it is free to debug in Webstrom break, perfect (there is Golden Teacher’s gesture)! ! ! ! ! ! ! !

The above is all the content of this article, I hope to help everyone, I hope everyone will support Tumi Cloud. webstrom Debug 调试vue项目的方法步骤

© Copyright Notice
THE END
Just support it if you like
like0
share
comment Grab the couch

Please log in to comment