Chrome浏览器vue-devtools插件安装教程

1.打开https://github.com/vuejs/vue-devtools,cmd方式直接输入:git Clone https://github.com/vuejs/vue-devtools.git 或者直接下载该项目

2.进入该项目安装依赖:npm install
3.npm run build

4.进入Chrome,右上菜单栏  选择更多工具>扩展程序>勾选开发者模式

5.进入Chrome,右上菜单栏  选择更多工具>扩展程序>点击  加载已解压程序>选择文件  vue-devtools-master>shells>chrome  确定

6.重启浏览器就可以了

原文地址:https://www.cnblogs.com/chenhuishui/p/8818052.html

时间: 2024-08-01 05:09:13

Chrome浏览器vue-devtools插件安装教程的相关文章

chrome 浏览器 手动同步书签 && 安装离线插件

现在查的很严,所以使用chrome浏览器 同步功能不是特别好,就算是FQ也会出现 同步延迟的情况,所以定时使用手动同步还是很靠谱的行为,就在网上找了下,借鉴下.亲测可用. 在Chrome浏览器没有一个提交和Google账户进行同步的按钮,不过使用中发现可以在Chrome的"设置"--"个人资料"--"登录"项里面的"高级"项,点击后出现的对话框中有个"使用默认设置",这个按钮其实就相当于手动提交同步的按钮,

vue 调试程序的安装(谷歌浏览器chrome的vuejs devtools 插件的安装)

1.首先在GitHub上下载vue的调试程序插件 vue-devtools  地址:在github上下载压缩包并解压到本地,github下载地址:https://github.com/vuejs/vue-devtools 2. npm install 下载完成后打开命令行cmd进入vue-devtools-master文件夹, 1. npm install,安装依赖包: 2. npm run build 3.npm run build 执行完, 会在shells>chrome下的src文件夹里生

谷歌chrome浏览器vue调试工具vue-devtools的安装

先导 vue-devtools是一款基于chrome浏览器的插件,用于vue应用的调试,这款vue调试神器可以极大地提高我们的调试效率.帮助我们快速的调试开发vue应用. 第一步: 我们可以先从github上找到vue-devtools的项目,下载到本地.下载vue-devtools链接. 克隆方法:git clone https://github.com/vuejs/vue-devtools.git 第二步: 解压下载好的文件,进入到vue-devtools目录,安装项目所需要的依赖包. 安装

Chrome浏览器Json查看插件JsonHandle下载以及无法安装插件的解决方法

场景 在使用Chrome浏览器查看Json数据时如果没有插件会挤作一团. 安装JsonHandle插件后 博客: https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书.教程推送与免费下载. 实现 在下载JsonHandle.crx后打开Chrome浏览器的扩展程序 如果是旧版本,则直接拖拽crx文件到扩展程序页面即可. 但是在新版本中会提示无法安装. 解决方法,将插件crx文件更改后缀名为zip或者rar,如果改为zip

离线安装chrome浏览器的postman插件

最近开始研究webapi相关的东西,看到chrome浏览器的有个postman插件挺好用的,但是安装包下载下来以后会出现这种情况,这时候我们可以把crx后缀的改成zip格式的然后解压,然后选择开发者模式,点击加载已解压的扩展程序选择自己刚才解压的文件,值得注意的时候将文件里面的“_metadata”文件夹重命名为“metadata”,否则会报错的,最后查看详细信息创建快捷方式就可以方便使用了

VUE devtools 调试工具安装 让vue飞起来

安装: 1.到github下载: git clone https://github.com/vuejs/vue-devtools 2.在vue-devtools目录下安装依赖包 cd vue-devtools npm install || cnpm install -- npm&cnpm i 到文件夹shells下 chrome 下打开manifest.json 文件 把"persistent":false改成true 接着 num run build 打开chrome浏览器

多说插件安装教程

html单页面添加多说社会化插件教程 | 浏览:509 | 更新:2014-10-04 16:55 | 标签:html 1 2 3 4 5 6 分步阅读 多说评论框是一款社会化评论插件,可以用新浪微博.腾讯QQ.人人.豆瓣多帐号登录,帮助网站进行社会化媒体优化.应用相当的广泛,可以给DZ,wordpress,帝国CMS等添加评论,下面我们就简单介绍下,html单页面添加多说插件的教程. 工具/原料 多说账号,自己的网站 方法/步骤 首先,我们登陆多说的后台,在“后台管理”里面,添加自己的网站  

chrome浏览器超方便插件

传统的鼠标加键盘的操作方式对于时常需要在鼠标和键盘之间进行切换的人来说非常麻烦,尤其是在看文献遇到很多的英文单词需要不停地查询时,如果在文献和电脑查词之间频繁的切换时很难集中精力去理解看到的内容和上下文.因此要尽量减少在查词时带来的注意力切换,仅仅耗费必须的精力在查询和获取中文释义上,这要求我们在查询时,仅需要从键盘上键入英文单词回车,得到中文释义即可.但是在使用浏览器查询时每次查询完之后再次进行查询就需要使用鼠标对搜索框进行光标定位,浏览器提供的快捷键只支持快速定位到地址栏而没有搜索引擎栏,因

解决chrome浏览器崩溃,再次安装不上问题

上网重新下载了个安装包,发现安装包都打不来 很绝望,查了很多资料 很多人说要删除注册表的东西 但是打开注册表,发现一堆google的东西,手动删根本不现实 在绝望中看到了解决方案:google Update才是安装包打不开的元凶!!!! https://jingyan.baidu.com/article/8065f87fe2fd32233124982f.html -------------------------------------------------------------------

Chrome浏览器F12开发者工具使用教程博客汇总

CSDN 卜小娴 <Chrome开发者工具使用小技巧> CSDN csdnligao <chrome开发者工具的使用> CSDN 菜菜格子 <谷歌Chrome浏览器开发者工具教程-JS调试篇> CnBlogs 逆天妖精 <Chrome浏览器F12开发者工具简单使用> 原文地址:https://www.cnblogs.com/hyeTi/p/10337643.html