VUE debugging tool vue-devtools installation tutorial

Because I can’t connect to the google Chrome app store to download directly, and the clone code download on GitHub’s vue-devtools official website depends on npm run build error, yarn run build also doesn’t work, so I found this method:

1. Create an empty folder

I named vue-devtools
insert image description here

2. Enter this folder in cmd and run the following command

npm install vue-devtools

insert image description here

3. Add Google extension

  • In the extension of Google Chrome ------ click to load the unzipped extension ----- select the following vender file

  • Enter the directory vue-devtools-----enter node_modules-----enter vue-devtools-----find the vender file
    insert image description here
    insert image description here

4. Enter the manifest.json file in the vendor folder

  • Change persistent to true (about line 31)
"persistent": true

insert image description here

4. Done!

  • Open Google Chrome and refresh the following
  • Open a vue project, press F12 (or right-click to check), and you can see the vue debugging tool
    insert image description here

Guess you like

Origin blog.csdn.net/qq_46043634/article/details/119464821