- Green versionCheck
- Green versionCheck
- Green versionCheck
- Green versionCheck
Introduction to vue debugging tool software
Since Vue is data-driven, there is a problem that nothing can be parsed out when viewing the DOM structure during development and debugging. Through this plug-in, users can easily parse and debug the data structure, and can display it in the sidebar pane. Check the code and debug on the page, you can easily view information such as state, mutaitons, actions, etc., and you can also record routing changes, routing-related information, etc. It can be said to be an essential tool for front-end development!
vue debugging tool software functions
1. Performance
Like the routing tab, the performance tab is a new feature. This tab consists of two sections, Frames Per Second and Component Rendering.
The first tab, Frames Per Second, displays a live source graph with the current fps of the application. This can be used to find certain operations or components that are slowing down your application.
2. Settings
Change display density to a more compact layout
Normalized component name (my-component will become MyComponent)
Update Theme - Turn new dark theme option on or off
3. Routing
The Routing tab is a brand new option for the devtools suite. There are two different views here, History and Paths, which can be swapped by clicking on the Routing tab title.
vue debugging tool installation steps
1. First, the user clicks the Customize and Control button in the upper right corner of the browser, selects more tool options in the drop-down box, and then clicks on the extension to enter the Chrome browser's extension manager page.
2. In the extension manager of the opened Google Chrome, the user can see some installed Chrome plug-ins, or there is no Chrome plug-in at all.
3. Find the Chrome offline installation file xxx.crx that you have downloaded, and then drag it from the explorer to Chrome's extension management interface. At this time, the browser will prompt you to "Add xxx"? Let's click " Add Extension" to successfully install the plugin.
4. It shows that the plug-in has been successfully installed. Click "Remove" to uninstall, which is quite simple.
vue debugging tool update log
Working day and night just so you can be happier
are all gone!
Huajun editor recommends:
A very good web browsing software. The editor also uses this software. It is powerful, green and safe. This site also providesFirefox Enterprise,Google Chrome,GooSeeker browser,Google Chrome,Maxthon Cloud BrowserWaiting for you to download.
Your comment needs to be reviewed before it can be displayed