Vue- vue devtools installation

Use Vue development process, the need to debug Chrome browser plug-in Vue devtools

1. Download

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

Choose to download and install the entire ZIP archive

 

 

 

2. Then decompress and extract the files inside a folder open a command prompt,

 

 

 

3. Then the same path in which input: npm install
enter: npm run build

Note: npm install when being given:! Npm ERR Unexpected End of the INPUT the while JSON parsing near '... a1a6ec9096c30d3954d D5'

 

 

 

Solution: npm cache clean --force

 

 

 

 

 

 

 

 

4. folder to find the manifest.json file in the compiled file, the path where the general is:
your own installation path \ vue-devtools-dev \ shells \ chrome \ manifest.json
then open the manifest.json, the value of persistent to true

 

 

5. Open chrome browser extensions, ( chrome: // Extensions / )

Open developer mode, and the entire chrome folder into the blank space, you can load a plug-vue devtools

 

 

6. Verify

 

 Second, Firefox installation