360极速浏览器扩展程序中心并没有提供vue-devtools插件,因此需要自己安装。那么360极速浏览器怎么装vue-devtools插件?下面本篇文章给大家介绍一下。

本文介绍方法适用于所有Chrome内核浏览器。

一.创建vue-devtools插件工程项目,编译生成插件安装包——如果你想自己创建工程、编译项目,那么从这里开始:

1.下载插件:

将vue-devtools的github项目拷贝到本地,用不惯git,也没安装软件,因此直接下载到本地:

2.解压代码包:

3.安装项目需要的npm包:

Ctrl+R打开运行窗口,输入cmd,调起命令行窗口,切换到解压后的vue-devtools代码包目录,安装需要的npm包:npm install

4.编译项目文件:npm run build

如果你想自己创建工程、编译项目,那么从这里开始:

二.将插件包添加到浏览器——如果你已经有了插件包,那么直接从这里开始:

浏览器中输入“chrome://extensions”,进入程序扩展界面,点击选中右侧的”开发者模式“选项;

在其下边弹出的界面中点击”加载已解压的扩展程序..."按钮:

在弹出的弹窗中选择插件解压的目录,选择chrome目录,如下图所示:

点击确定,能看到右上角扩展程序这里已经多了一个vue-devtools扩展程序图标了:

6.测试插件:

本地编译运行vue项目,能看到浏览器调试器这里已经有vue-devtools的相关模块了:

后记:

本方法是Chrome内核浏览器通用,所以谷歌浏览器也可以直接使用。可以将打包后端chrome目录单独提取出来保存到U盘或者网盘,以后就可以直接使用而无需再创建工程编译了。

更多vue.js相关知识,可访问 Vue.js答疑 栏目!!

360浏览器怎么下html,360浏览器怎么装vue-devtools插件?相关推荐

  1. Chrome浏览器安装Vue.js devtools插件

    Chrome浏览器安装Vue.js devtools插件 1.浏览器访问极简插件 2.右上角搜索框搜索vue DevTools插件 3.在本地文件夹中解压刚刚下载的插件,解压后如下所示 4.打开谷歌浏 ...

  2. 在火狐浏览器安装vue devtools【简单、快速】

    1.打开火狐浏览器 2.添加组件 3.搜索vue devtools 4.点击第一个 5.点击添加到火狐 6.在跳出的框中点击确认添加 7.到此添加成功 8.按F12就可以看到vue扩展程序了

  3. ie如何导入html收藏夹,xp系统下怎样将360浏览器收藏夹导入IE浏览器

    Internet Explorer是一款非常经典的浏览器,其具有非常强大的功能,有些时候我们还真离不开它.为了更好地查找其他资料,一些xp系统用户就想将其他浏览器的收藏夹导入进去,这样就不用来回的切换 ...

  4. 如何清除360网站服务器缓存,360安全浏览器怎样清除缓存360浏览器缓存清理

    <360安全浏览器怎样清除缓存360浏览器缓存清理>由会员分享,可在线阅读,更多相关<360安全浏览器怎样清除缓存360浏览器缓存清理(8页珍藏版)>请在人人文库网上搜索. 1 ...

  5. 360浏览器不能导入html,360浏览器无法导入收藏夹的解决方法

    但由于不同浏览器的之间存在兼容性问题,在导入收藏夹的时候经常会碰到无法导入收藏夹或者导入失败的现象.就以360浏览器来说,在导入其它IE内核的浏览器(如搜狗浏览器)就会有无法同步的问题,小编在尝试过各 ...

  6. IE8浏览器32位被360篡改为64位(OCX控件在web页面不能加载的问题)

    OCX控件在web页面不能加载的问题 IE8浏览器32位被360篡改为64位 解决办法: 除了在ie浏览器自定义项中设置启用,将C:\Program Files\Internet Explorer下的 ...

  7. android浏览器多标签页面,360浏览器HD推出Android版 支持多标签页浏览

    [搜狐IT消息]9月8日消息,<移动新发现>今日报道,继360浏览器HD正式登陆苹果官方App Store后,360日前发布了适用于Android平板电脑的360浏览器HD(aPad)1. ...

  8. linux系统浏览器安装失败怎么办,360浏览器Linux版测试期已过并删除配置文件也不能安装使用的解决...

    360浏览器Linux版是有测试期的,为三个月,如果你的试用期已过,但是无法正常使用,或者你已经删除了360浏览器配置文件,但还是不能使用,请按如下解决方法处理. 前言 通常来说,从提示过期后你只要删 ...

  9. vue检测是不是360浏览器兼容模式_360安全浏览器兼容模式无法访问vue怎么解决?...

    360安全浏览器兼容模式无法访问vue怎么解决?下面本篇文章给大家介绍一下vue在IE和360兼容模式下无法显示问题.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 360兼容模式下 ...

最新文章

  1. 19.04.02笔记
  2. 深度学习 Deep LearningUFLDL 最新Tutorial 学习笔记 2:Logistic Regression
  3. 目前流行的源程序版本管理软件有什么优缺点?
  4. mysql5.7 sqlmode_mysql 5.7 sql mode
  5. springboot整合spring Cache(redis)
  6. 寒哥细谈之AutoLayout全解
  7. html邮箱地址的正则表达式,javascript写一个校验邮箱的正则表达式
  8. left outer join 和 right outer join 和 join 的区别
  9. ML.NET 0.8特性简介
  10. C++之extern和string的find函数和substr函数和data()函数使用总结
  11. math.sqrt 有问题_JavaScript中带有示例的Math.SQRT2属性
  12. 一统江湖的大前端(7)React.js-从开发者到工程师
  13. 任正非:华为的岗位没有年龄限制;腾讯微博将于9月28日停止运营;微软关闭Visual Studio Online|极客头条
  14. VCPU shutdown request
  15. 2012年中国大学最新排名
  16. DM 关键字、屏蔽关键字
  17. Unity编辑器(Editor)的问题全解以及使用
  18. 设计模式08—模板方法模式
  19. HttpServletRequest请求中获取操作系统,浏览器及浏览器版本信息
  20. 1-初识DXGI与D3D

热门文章

  1. 成为阿里P7移动架构师到底有多难?不是吧阿sir
  2. gitlab的下载和安装教程我的踩坑经验
  3. sql删除主键并添加主键
  4. CentOS 7.2 下载地址
  5. 激光切割机的切割头有哪些组成部分
  6. SQL学习之“复杂一点的查询”
  7. 折腾好了家里的老旧打印机--佳能Canon S100sp
  8. hbuilderX 移动网页如何在手机查看,扫码预览打不开
  9. B站小迪安全笔记第十七天-SQL注入之二次加解密,dns等注入
  10. 计算机图形学课堂笔记