01.在谷歌浏览器安装Vue开发者工具

1.在谷歌浏览器安装Vue开发者工具，在设置中找到扩展程序

点开，直接将插件拖拽到扩展程序页面

3.安装好以后可以测试html,右键运行

4.在浏览器控制台输入Vue.config回车，会展示页面内容，安装完成

现在在vscode写的vue代码可以运行了

在扩展程序点击订书钉按钮，可以将vue固定，这个小V彩色时代表vue运行

F12可以看到报404，是因为页签图标不存在，shift+刷新（强制刷新）可以看到报的错误

找个图片放到根目录下，重命名favicon.ico 关闭浏览器

右键重新打开open...

01.在谷歌浏览器安装Vue开发者工具相关推荐

windows下载安装Vue开发者工具(VueDevtools)，同时支持vue2.0和vue3.0两个版本
前言 vue开发者工具可以帮助我们提高开发效率,如果不安装控制台老是现在这些东西,对我这种强迫症患者来说痛苦至极,下面我就介绍下我的安装步骤下载安装首先进入vue官网找到如下位置然后就会进入gi ...
vue开发者工具无法使用问题汇总
这几天学习vue,安装vue开发者工具时总是失败,最终找到了基本所有问题得解决办法. 1.安装后将各个权限打开. 2.通过开发者工具的id去我的电脑中全局搜索找到 manifest.json文件,将 ...
Chrome浏览器安装devtools开发者工具
Chrome浏览器安装devtools开发者工具 vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率.但是很多小伙伴无法直接访问谷歌商店,今 ...
谷歌浏览器安装VUE插件
谷歌浏览器安装VUE插件下载安装包安装直接拖拽手动安装下载安装包链接:https://pan.baidu.com/s/1pUJouWG-rUmQoOL1Mjshlw 提取码:b2uy 安装 ...
【问题解决方案】谷歌浏览器如何打开“开发者工具”窗口
[问题解决方案]谷歌浏览器如何打开"开发者工具"窗口参考文章: (1)[问题解决方案]谷歌浏览器如何打开"开发者工具"窗口 (2)https://www.cn ...
创建一个微信小程序——如何注册账号，安装微信开发者工具，创建一个小程序（详细步骤版）
一.注册账号注册地址注册地址:微信公众平台注册右上角--[立即注册]. 选择[小程序]. 按照步骤完成注册. 按照步骤激活邮箱后,在信息登记这里选择个人. 填写相关信息. 完成注册. 这一步可 ...
谷歌浏览器F12（开发者工具） -----功能介绍
测试调试时使用最多的功能页面是:元素(ELements).控制台(Console).源代码(Sources).网络(Network)等. 元素(Elements):用于查看或修改HTML元素的属性.C ...
Vue开发者工具Vue.js devtools Vue开发者工具安装步骤包含Vue2 和 Vue3
保存一下操作步骤,这是Vue2的,最后有Vue3的下载地址: https://wwm.lanzoul.com/iu4tS04cfeja 密码: vue_wt 安装步骤: 以谷歌浏览器为例第一步 ...
在浏览器上安装 Vue Devtools工具
Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览器开发者工具下调试代码. 1)首先在github下载devtools源码,地 ...

01.在谷歌浏览器安装Vue开发者工具

01.在谷歌浏览器安装Vue开发者工具相关推荐

最新文章

热门文章