首页 > 其他分享 >vue-devtools的安装教程

vue-devtools的安装教程

时间:2022-12-22 12:23:00浏览次数:63  
标签:教程 vue 浏览器 blog Vue devtools 安装 调试

直接到我的GitHub上找:链接

下下来之后打开google浏览器,输入地址chrome://extensions/ ,点击加载已解压的扩展程序

 

 

 

进入到Chrome文件夹下,点击确定:

 

 

 

我这里是把整个Vue-Devtools适配所有的浏览器源文件都安装了,而你只需要要chrome浏览器的源码就行,所以直接用我GitHub上的Chrome文件夹就行,点击确定

 

 

 

确定完了之后就会发现链接栏的右边有个V的标志,证明已经成功,但是此时会有很多人F12之后依然在调试界面看不到Vue,有可能是因为你写的程序引用的vue文件是一个vue.min.js文件,是个压缩文件,这个压缩文件是默认不支持调试的,具体怎么调支持调试就请自行baidu吧!这里只需要把你引入的文件的源码,编程Vue.js的就行,不要压缩版的。如果还不行,可以尝试下关闭浏览器再打开。

 

 

 

这样就已经安装调试成功了。
————————————————

原文链接:https://blog.csdn.net/weixin_38654336/article/details/80790698?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param

标签:教程,vue,浏览器,blog,Vue,devtools,安装,调试
From: https://www.cnblogs.com/zhainverer/p/16998133.html

相关文章

  • VUE3项目中的Router路由配置
    一、安装路由如果新建项目的时候已经有选择了Router选项就不需要再次安装了npminstallvue-router二、src目录下新增router文件夹,并在文件夹中新建index.ts文件impor......
  • VUE项目中的CSS重置
    项目中的css重置,可以引用一个第三方库,以及手写一个css重置样式配合使用。一、首先安装normalize.cssnpminstall--savenormalize.css然后在main.ts中引入import'n......
  • Vue路由加上项目名称
    1、在路由的base中加上项目名称  2、url重写应为 ......
  • 基础教程-函数-lambda-数组
    函数创建,调用函数deffun():print("6")fun()参数根据需要添加任意数量的参数,只需用逗号分隔即可默认值:defmy_function(country="China"):print("Iamfro......
  • 耗时一周,万字总结Maven简明教程,与君共勉!
    原创文章,总结不易,禁止侵权转载。转载请先私信知乎「编程大K」征求同意原创文章,总结不易,禁止侵权转载。转载请先私信知乎「编程大K」征求同意原创文章,总结不易,禁止侵权转载......
  • Visual Studio Code 安装教程
    VisualStudioCode介绍VisualStudioCode是一款非常轻量的前端代码编写工具,也是目前比较主流的。其中还包含了丰富的插件市场、非常好看的界面风格、可在软件内直接使......
  • vuex的使用
    1,vuex是什么:vuex是一个专门为vue开发的状态管理工具,它采用集中式存储管理应用的所有组件的状态,其核心是state。2,vuex中有什么:1)state:存放状态数据的地方,其中数据是响应式......
  • 基础教程-布尔-列表-元组-集合-字典
    布尔评估结果大部分都为true除空值(例如()、[]、{}、""、数字0和值None)外,没有多少值会被评估为False。当然,值False的计算结果为False。运算符类型作用......
  • Vue怎么改变table的colum的样式
    在table中设定:cell-class-name="cellClassName"template:<vxe-tableborderclass="mytable-stylem-t-2":cell-class-name=......
  • 基础教程-if-while-for
    if简写if只有一条语句ifa>b:print("aisgreaterthanb")passif语句不能为空,但是如果您处于某种原因写了无内容的if语句,请使用pass语句来避免错误whilef......