vue插件之vue-devtools

补充1:vue-devtools的安装

①打开cmd,进入你要安装的vue项目里(我还是把它放在我第一个项目里的)

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

 ②安装项目所需要的npm包:npm install  (多等一会,npm的安装比较慢)


③编译项目文件:npm run build 


成功后出现下图界面:

上述完成之后,进入vue-devtools->shells->chrome->src里可看到下面几个js文件

④修改文件配置

 进入vue-devtools->shells->chrome->manifest.json把里面的“persistent”:false改为true

⑤扩展到Chrome浏览器      传送网址:chrome://extensions/

选择开发者模式-》加载已解压的扩展程序(选择vue-devtools->shells里面的Chrome)-》允许访问文件地址

 ⑥之后,进入再F12网页,就会看到下图的效果:

以上,完成~~~

原文地址:https://www.cnblogs.com/crystral/p/9116817.html