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

This article will explain in detail how to use vue-devtools in vue. The content of the article is of high quality, so the editor shares it for you as a reference. I hope you will have a certain understanding of the relevant knowledge after reading this article.

1. Go to github to download:

Git clone https://github.com/vuejs/vue-devtools

two。 Install dependency packages in the vue-devtools directory

12cd vue-devtools cnpm install

3. Modify the manifest.json file

Change "persistent": false to true

4. Compiled code

Npm run build

5. Extend Chrome plug-in

Chrome browser > more programs > extensions

Click the load decompressed programs button, and select vue-devtools > shells > chrome to put it. The successful installation is as follows

6. Vue-devtools usage

Vue project, open F12, select vue can be used.

Vue is data-driven, so we can see the corresponding data, which is convenient for us to debug.

On how to use vue-devtools in vue to share here, I hope the above content can be of some help to you, can learn more knowledge. If you think the article is good, you can share it 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.