vue-devtools的安装步骤

 更新时间:2018年04月23日 08:50:53   作者:张成  
vue-devtools 是一款基于chrome游览器的插件,用于调试vue应用,这篇文章分步骤给大家介绍了vue-devtools的安装方法,需要的朋友参考下吧

vue-devtools 是一款基于chrome游览器的插件,用于调试vue应用,由于国内不能访问谷歌商店(要科学上网),所以安装比较麻烦,写个文章记录一下。

第一步

将vue-devtools clone到本地

git clone https://github.com/vuejs/vue-devtools.git

第二步

在vue-devtools目录下安装依赖包

cd vue-devtools
npm install

第三步

编译代码

npm run build

 

第四步

修改 vue-devtools/shells/chrome/manifest.json 文件,将 persistent改成 true

 

第五步

打开chrome,输入 chrome://extensions/ 进入到chrome扩展程序设置页面

打开右上角的 开发者模式

 

点击 加载已解压的扩展程序 选择 vue-devtools/shells/chrome

 

注意:勾选 允许访问文件网址

 

至此,vue-devtools已经安装完毕。enjoy it!

 

总结

以上所述是小编给大家介绍的vue-devtools的安装步骤,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • vite打包优化CDN压缩的分析实现

    vite打包优化CDN压缩的分析实现

    我们在日常的工作中肯定会遇到项目打包优化等问题,本文主要介绍了vite打包优化CDN压缩的分析实现,具有一定的参加价值,感兴趣的可以了解一下
    2024-07-07
  • element-ui中Table表格省市区合并单元格的方法实现

    element-ui中Table表格省市区合并单元格的方法实现

    这篇文章主要介绍了element-ui中Table表格省市区合并单元格的方法实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • 实时通信Socket io的使用示例详解

    实时通信Socket io的使用示例详解

    这篇文章主要为大家介绍了实时通信Socket io的使用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • 教你一招解决vue页面自适应布局

    教你一招解决vue页面自适应布局

    在前端开发的时候经常会遇到这样的困惑,设计师给你的设计稿的尺寸和页面的尺寸不一致,导致了页面无法正常显示,下面这篇文章主要给大家介绍了关于一招解决vue页面自适应布局的相关资料,需要的朋友可以参考下
    2022-07-07
  • vue3集成Element-plus实现按需自动引入组件的方法总结

    vue3集成Element-plus实现按需自动引入组件的方法总结

    vue3出来一段时间了,element也更新了版本去兼容vue3,下面这篇文章主要给大家介绍了关于vue3集成Element-plus实现按需自动引入组件的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-07-07
  • vue el-select与el-tree实现支持可搜索树型

    vue el-select与el-tree实现支持可搜索树型

    本文主要介绍了vue el-select与el-tree实现支持可搜索树型,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • Vue-cli项目获取本地json文件数据的实例

    Vue-cli项目获取本地json文件数据的实例

    下面小编就为大家分享一篇Vue-cli项目获取本地json文件数据的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • vue+element DatePicker实现日期选择器封装

    vue+element DatePicker实现日期选择器封装

    Vue Element DatePicker是一款基于Vue.js的日期选择控件,它提供了丰富的日期选择功能,支持日期范围选择、日期格式化、自定义日期格式、快捷选择等功能,极大地提高了用户的体验,是开发者必备的日期选择控件。
    2023-02-02
  • vue--elementui中如何修改el-input样式

    vue--elementui中如何修改el-input样式

    在使用 element ui 组件过程中,我最近碰到了新的问题,vue--elementui中如何修改el-input样式呢,今天小编通过示例代码给大家详细讲解,需要的朋友参考下吧
    2023-05-05
  • Vue中实现路由跳转的三种方式(超详细整理)

    Vue中实现路由跳转的三种方式(超详细整理)

    这篇文章给大家详细的整理了Vue中实现路由跳转的三种方式,使用vue-router,声明式-router-link,编程式这三种方法,分别有详细的代码示例,需要的朋友可以参考下
    2023-09-09

最新评论