Google Chrome谷歌浏览器安装Vue插件vue-devtools

本方式无须使用魔法,速度极快!超容易上手!

一、百度搜索“极简插件”

Google Chrome谷歌浏览器安装Vue插件vue-devtools_第1张图片具体网址为极简插件_Chrome扩展插件商店_优质crx应用下载

随后在搜索按钮里搜索vue

Google Chrome谷歌浏览器安装Vue插件vue-devtools_第2张图片

得到下图结果并点击

Google Chrome谷歌浏览器安装Vue插件vue-devtools_第3张图片

二、下载vue.js Devtools

Google Chrome谷歌浏览器安装Vue插件vue-devtools_第4张图片

这里我们选择推荐下载。下载好并解压后可以有以下两个文件

三、安装说明书相关内容

极简插件官网:https://chrome.zzzmh.cn
插件安装教程:https://chrome.zzzmh.cn/help/setup


简单说下步骤
1. 打开Chrome浏览器 -> 点击右上角三个点 -> 扩展程序 -> 管理扩展程序
2. 管理扩展程序页面的右上角开发者模式开关开启
3. 下载完成得到的压缩包必须先解压缩再安装,不解压会出现拖动后变下载文件
4. 解压缩得到的xxxx.crx文件就是安装包,拖动到chrome的管理扩展程序页面安装即可

Google Chrome谷歌浏览器安装Vue插件vue-devtools_第5张图片

打开开发者模式(有的版本的谷歌浏览器打开开发者模式在下图的三个小点点击后的下拉框中)

Google Chrome谷歌浏览器安装Vue插件vue-devtools_第6张图片

最后拖拽解压缩得到的xxxx.crx文件就是安装包,拖动到chrome的管理扩展程序页面。

可以得到

Google Chrome谷歌浏览器安装Vue插件vue-devtools_第7张图片

或者通过“加载已解压的扩展程序”,找到解压缩得到的xxxx.crx文件添加进来即可。

Google Chrome谷歌浏览器安装Vue插件vue-devtools_第8张图片

你可能感兴趣的:(chrome,vue.js,前端)