Installation vue-devtools tools

vue-devtools is a based on chrome's browser plug-ins for debugging vue applications, which can greatly improve our commissioning efficiency. Next we will introduce vue-devtools installation

1, log on github, vue-devtools get to the source and download. https://github.com/vuejs/vue-devtools .

 

 

 

 

 

 

 

 

 

 

2, open the downloaded file, execute cmd command in the root directory to download dependent items: npm install 

3, after the end of downloading dependencies, compile the project, execute cmd command: npm run build

 

4, modify manifest.json file, locate the project in shells> chrome> manifest.json. Open the file, and persistent changed to true.

5, the chrome browser, open> More tools> Extensions. Turn on developer mode. chrome file and import the whole project file.

6, the final step is to close chrome, re-open, vue start a project, open the console, you can see vue debugging.

 

 

 

 

 

 

Guess you like

Origin www.cnblogs.com/xqmyhome/p/10972772.html