vue devtools插件 附使用教程

最近更新热门排行

热门搜索:腾讯QQ腾讯视频爱奇艺万能播放器暴风影音网易云音乐

当前位置:首页 ›› 网络软件›› 网络辅助

vue devtools插件 附使用教程vue devtools插件下载[下载地址]

vue devtools插件 附使用教程
  • 授权方式:免费软件
  • 软件类型:国产软件
  • 软件语言:简体中文
  • 软件大小:258 KB
  • 推荐星级:
  • 软件厂商:Home Page
  • 更新时间:2022-04-18 17:24
  • 网友评论:0  条
  • 运行环境:WinXP, Win2003, Vista, Win7, Win8, Win10
好评:612
坏评:75
  • 本地下载文件大小:258 KB

  • 高速下载需优先下载高速下载器

  • 软件介绍
  • 软件截图
  • 相关文章
  • 下载地址

vue devtools插件是Chrome谷歌浏览器常用的一款适用于调试Vue.js应用程序的插件,当开发者开发完成vue项目后,可以直接通过谷歌浏览器中的vue devtools插件进行解析和调试,可以极大提升开发者开发vue的效率,为了方便大家的安装和使用,小编为大家制作了详细的vue devtools插件安装和使用教程。

vue devtools安装教程

一、谷歌安装

1、下载本站为您提供的vue devtools插件安装文件,然后打开Chrome谷歌浏览器,点击右上角的三点按钮,进入设置界面

2、点击扩展程序按钮,进入扩展程序界面

3、直接将vue devtools插件拖拽至扩展程序界面,弹出扩展功能安装提示信息,点击继续按钮

4、这时Chrome谷歌浏览器右上角出现了插件的图标,通过webstrom打开vue项目后,图标变亮,但是报错,控制台没有出现vue调试,原因是用了生产环境的版本或是压缩的vue版本,或是没有勾选:允许访问文件网址

5、进入设置,Vue.js devtools4.1.4devtools的详情信息,勾选允许访问文件网址

6、修改vue的引入源码

7、刷新页面,按下f12,vue控制台出现,安装成功

二、火狐安装

安装web-ext

npm install --global web-ext

然后编译运行firefox浏览器

npm run build

npm run run:firefox

上述指令会打开firefox浏览器,你便可在打开的窗口运行调试vue应用了。

三、如果你希望在所有浏览器中使用vue-devtools,那可以按如下步骤安装

安装工具

// 全局安装,也可本地安装

npm install -g @vue/devtools

运行

vue-devtools // 适用于全局安装

该指令会打开一个窗口,如下所示

如果你想在电脑浏览器调试,则在vue应用的最顶部加上

如果你想在移动端浏览器调试,则在vue应用的最顶部加上

vue devtools使用说明

打开这个vue后,依次按照下面图文说明进行

下载地址
vue devtools插件 附使用教程

软件评论

请自觉遵守互联网相关政策法规,评论内容只代表网友观点,与本站立场无关!

  验证码: