谷歌添加vue开发工具插件

  1. 下载到本地

    git clone https://gitee.com/zhang_banglong/vue-devtools.git
    
  2. cmd到vue-devtools下,运行下列命令

    //淘宝镜像
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    //安装
    npm install
    //运行
    npm run build
    
  3. 如果报错可以参考文章尾部的附加

  4. 点击谷歌浏览器设置

  1. 点击扩展程序

  1. 点击加载已解压的扩展程序

  1. 选择谷歌插件位置,在 D:\Google plugin\vue-devtools\shells路径下

  2. 这个错误不予理会

之前安装的时候并未报错,谷歌更新后报的,推测是谷歌兼容问题。能用即可

附加

 //选择npm版本npm install -g npm@8.7.0  // 8.7.0即为使用的版本  6.14.14//注册镜像
npm config set registry https://registry.npm.taobao.org//执行npm install一直报错解决办法npm set registry https://registry.npm.taobao.org # 注册模块镜像npm set disturl https://npm.taobao.org/dist # node-gyp 编译依赖的 node 源码镜像npm cache clean --force # 清空缓存npm install -g cnpm --registry=https://registry.npm.taobao.org本人只使用了第三步清空缓存就OK了

参考链接

这次安装花了将近一天时间,后面还找前端同事帮忙。

第一次安装就成功了,后面怎么装都是 npm install卡住,看了清空缓存命令才恍然大悟,有可能就是缓存问题。

谷歌添加vue开发工具插件相关推荐

  1. Vetur:VSCode下强大的Vue开发工具

    Vue自从发布以来就一直受到前端开发人员的热爱,而除了一些本身优秀的特征之外,还有就是丰富的插件和工具的支持和更新.虽然现在的编辑器需要安装相应的plugins才能进行Vue组件化开发,但是越来越多优 ...

  2. VSCode前端开发工具插件--LiveServer实时刷新网页

    VSCode前端开发工具插件–LiveServer实时刷新网页 1.概述 当我们使用VSCode工具开发前端HTML页面时,修改内容后都要重新刷新网页才能展示更新代码的内容.那么有没有一种方式能够实时 ...

  3. 带你玩转vue——开发工具的选择

    在开发中我们发现后端代码偏向逻辑性,而前端代码更偏向视图性,所以选择一个好的前端开发工具是让你对前端开发保持热情的重要元素! 在使用了三四种开发工具并进行反复的挣扎后,博主最终选择了vscode,究其 ...

  4. 一文教会你如何用Vue开发Chrome插件

    前言 作为一个常年的B端前端开发者来说,千篇一律的业务开发有着些许的枯燥无味.在联调过程中,会经常发现后端在部署服务,然后又不知什么时候部署好,由于公司的部署系统查看系统部署状态入口较深,所以闲暇之余 ...

  5. 推荐一款IDE开发工具插件GitToolBox

    作用 此插件在idea中,光标点击的代码行之后显示 git 用户名,commit 等一些信息. 示例 1. GitToolBox,先上图. 2. 作用:显示当前代码提交的用户名.时间.以及备注信息 此 ...

  6. HTML(四)——HTML标签(三)——开发工具插件安装

    目录 开发工具 VScode的使用 VScode工具生成骨架标签新增代码 4.3.1 文档类型声明标签 4.3.2 lang语言种类 4.3.3 字符集 总结 VSCode插件安装 安装方法 推荐插件 ...

  7. 推荐几个Vue开发必备插件,要收藏

    「 介绍用途 」 大家知道,Vue2.x之后,Vuex状态管理是必须要掌握的一个技术点,今天北妈先介绍下Vuex是什么,然后在介绍几个封装好的操作本地缓存.状态的几个组件,需要的童鞋赶紧拿走,可能有很 ...

  8. 记录--使用Vue开发Chrome插件

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 环境搭建 Vue Web-Extension - A Web-Extension preset for VueJS (vue-web-ex ...

  9. Unity Steam_VR 开发工具插件 VRTK自带案例分析(第一部分)

    转至https://www.cnblogs.com/zerotoinfinity/p/6474840.html VRTK这个工具包提供了很多在Unity3d做VR开发中通用的VR功能,主要包括 1)具 ...

  10. 谷歌 Daydream VR 开发工具

    现在,谷歌的虚拟现实平台 Daydream 已经准备好迎接开发者的到来,这得益于新发布的 Googe VR SDK(开发者工具包),它在周四结束测试正式上线.谷歌表示,这套工具包将让开发者能够为支持 ...

最新文章

  1. 元气满满 开工大吉 2020「升职加薪,走好这三步...」
  2. 9、Kubernetes控制器Controller详解
  3. 用Latex写IEEE论文
  4. html5 去掉 li的样式,css li 去掉点的样式写法
  5. c语言 构造类,C语言之构造类型
  6. 安装 Visual Studio 插件 Visual Assist - C语言零基础入门教程
  7. Java三层结构的概念_Java中的mvc和三层结构究竟是什么关系
  8. PHP数组的使用方法小结
  9. MariaDB基本操作--(创建用户)(转)
  10. linux给wps安装字体
  11. HttpModule 与 Globle.asax
  12. php比较asc,php中ASCⅡ码
  13. 四旋翼飞行器数学模型
  14. 【阅读论文】博-自动化眼底图像分析技术可筛查糖尿病患者的视网膜疾病--第二章
  15. Thinkpad E450c进入BIOS
  16. DA14580软件开发平台参考(一)
  17. Kubernetes(三):k8s集群部署之kubeadm
  18. 私有云行业破局者 极空间家庭私有云Z4/Z2正式发布
  19. java 接口方法名重复_Java接口/实现命名约定[重复]
  20. 51单片机的C语言延时的一些总结

热门文章

  1. Layui表格点击详情
  2. 深度学习-深度卷积神经网络发展
  3. 一文搞懂CAN总线协议帧格式
  4. MP4Box切割mp4视频文件
  5. Keil4新建汇编模板工程
  6. MINA框架客户端的使用
  7. 关于Windows勒索病毒以及445端口防护
  8. 网络对战五子棋(附带源码,可以直接下载使用)
  9. 新推多多旅行搅局在线旅游市场,拼多多有多少胜算?
  10. 高数教材班复习Hint(1.8-2.5)