admin管理员组

文章数量:1516870

Google chrome 浏览器开发vue项目时，需要安装vue浏览器插件。
Vue.js devtools可以方便查看vue组件，events, 路由，vuex等信息。


这是未安装时的*warning*


这是浏览器扩展程序中的插件

步骤如下：

1. 进入warning中提示的github仓库

https://github/vuejs/vue-devtools

可以下载zip包，也可以clone仓库。这里我下载的压缩包。

2. 解压后，在终端进入文件夹路径。
Tips 解压后的文件夹名称一定要与package.json中的name一致。否则build报错。

这里下载下来的文件夹名称是devtools-main，手动改成vue-devtools

执行：
cnpm install

结束后，再执行：
cnpm run build

最后在浏览器扩展程序中，加载已解压的扩展程序

选中vue-devtools/packages/shell-chrome

添加成功！

本文标签： 浏览器插件Vue

版权声明：本文标题：不必翻墙，安装vue浏览器插件 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.betaflare.com/biancheng/1743880112a2555042.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。