I. Introduction
vue-devtools is a browser-based plug-in for debugging vue applications. This article is going to summarize how to install Vue in chrome-DevTools debugging tool VUE .
The first method is to install the first can think of chrome directly in the app store. However, geese, because most people still can not get the chrome, me too. So, some collecting on the Internet, found other ways.
1. On other sites direct download chrome plug.
2. Download vue-devtools project, compiled the extension plug-ins, add extensions to the browser.
Then these two methods, respectively, have to practice it.
2. On other sites direct download chrome plugin
1. Download
I can find it in the website chrome plugin, tried several times, eventually only the site can be successfully installed: https:? //Chrome.zzzmh.cn/info token = nhdogjmejiglipccpnnnanhbledajbpd ( if link failure can click here to enter the site Home manual search)
Download the extension file on the site as follows:
2. installed in the chrome
Open chrome extensions (directly in the address bar: chrome: // Extensions / )
Note: You need to open the Developer Mode
Then it, click [Load unpacked extension] we just choose to download the plug-in, or directly drag the plug-in to the region,
Tips for successfully added:
After successfully added upper right corner of the browser icon will display:
3. Test whether the installation is successful
Application We now have access to a vue implementation
Then open development tools, at the top end of a column, there is a vue of the tab, you can click to open the debugging tools.
Successful installation! ! !
4. Summary
This approach does, a little bad point is that the program may have to find a normal extension installed, I was looking to try download several are invalid extension browser extension onto the tool tips.
III. Download vue-devtools project to compile and install
1. Download
vue-devtools items on github, address: https://github.com/vuejs/vue-devtools , to remember to switch when cloned or downloaded to the main branch.
The downloaded file:
Decompression:
2. Installation dependencies
3. Modify the manifest.json file
manifest.json file location:
Modify the content:
4. Compile Code
Use npm run build compiled code
5. Add the browser extension program
The E: \ vue-devtools-master \ chrome directory under the shells add extensions to the browser, or directly drag the folder to the extension of the browser in.
Added successfully:
6. Test whether the installation is successful
