美文网首页vue专题
谷歌扩展程序vue-devtools安装

谷歌扩展程序vue-devtools安装

作者: 前端来入坑 | 来源:发表于2018-10-17 20:13 被阅读23次

下载地址https://github.com/vuejs/vue-devtools

打开shells->chrome->manifest.json文件,修改persistenttrue

image.png
cnpm i
cnpm run build

成功之后谷歌地址栏输入chrome://extensions/直接进入扩展程序加载shells->chrome文件,安装成功如图所示:

image.png

ctrl+R重新加载,启动一个vue项目,打开控制台,还是没看到vue-devtools工具的话关掉谷歌浏览器再打开就可以了


image.png

注意:首先需要安装了node,npm,cnpm,vue-cli
vue-cli搭建项目模板https://www.jianshu.com/p/914d8573406b
谷歌浏览器安装json格式化插件https://www.jianshu.com/p/b24c080b7201

相关文章

网友评论

    本文标题:谷歌扩展程序vue-devtools安装

    本文链接:https://www.haomeiwen.com/subject/xepfzftx.html