Google browser installed Vue.js devtools tool

If the project is written vue, the upper right corner of the Google browser vue small icon will light up! Here's how to install

1, Google browser plug-in stores can click to install [need] ladder

2, vue official website has a corresponding installation package, you need to manually change the look npm run build an argument!

Here's how to use the second method:

  1, devtools source on github download, address: https: //github.com/vuejs/vue-devtools.

  2, open the local editor, I use vscode

  3, download the source code out of the devtool without node_modules own npm install manually download it 

  4, the left you will find more than a node_modules

  5, run npm run build below

   

  6, modified shells> mainifest.json in chrome directory persistant is true;

  7, open the Google browser, enter the address  chrome: // extensions /   to expand the program installed page

  8, the chorme entire directory is dragged into the browser, see Figure GIF:

  

 

Guess you like

Origin www.cnblogs.com/suni1024/p/11686813.html