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的安装步骤,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Vue Electron实现输入法自动刷字数功能详解

    Vue Electron实现输入法自动刷字数功能详解

    这篇文章主要介绍了Vue Electron实现输入法自动刷字数功能,文中的示例代码讲解详细,对我们学习C#有一定的帮助,感兴趣的小伙伴可以跟随小编一起了解一下
    2022-12-12
  • vue如何限制只能输入正负数及小数

    vue如何限制只能输入正负数及小数

    这篇文章主要介绍了vue如何限制只能输入正负数及小数,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07
  • element如何初始化组件功能详解

    element如何初始化组件功能详解

    Element UI是一套基于Vue的桌面端组件库,封装好了很多常用的UI组件,下面这篇文章主要给大家介绍了关于element如何初始化组件功能的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-12-12
  • vue3与ts组件封装提高代码复用性

    vue3与ts组件封装提高代码复用性

    这篇文章主要为大家介绍了vue3与ts组件封装提高代码复用性示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • vue学习笔记之过滤器的基本使用方法实例分析

    vue学习笔记之过滤器的基本使用方法实例分析

    这篇文章主要介绍了vue学习笔记之过滤器的基本使用方法,结合实例形式分析了vue.js过滤器的基本功能、用法与操作注意事项,需要的朋友可以参考下
    2020-02-02
  • 如何监听Vue项目报错的4种方式 

    如何监听Vue项目报错的4种方式 

    本文主要介绍了如何监听Vue项目报错的4种方式,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • vue如何实现自定义步骤条

    vue如何实现自定义步骤条

    这篇文章主要介绍了vue如何实现自定义步骤条问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-12-12
  • vue v-model动态生成详解

    vue v-model动态生成详解

    本篇文章给大家分享了vue v-model动态生成的相关知识点以及实例代码,有兴趣的朋友参考学习下。
    2018-06-06
  • 十分钟封装一个好用的axios步骤示例

    十分钟封装一个好用的axios步骤示例

    这篇文章主要为大家介绍了十分钟封装一个好用的axios步骤示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06
  • 基于Vue和Firebase实现一个实时聊天应用

    基于Vue和Firebase实现一个实时聊天应用

    在本文中,我们将学习如何使用Vue.js和Firebase来构建一个实时聊天应用,Vue.js是一种流行的JavaScript前端框架,而Firebase是Google提供的实时数据库和后端服务,结合这两者,我们可以快速搭建一个功能强大的实时聊天应用,需要的朋友可以参考下
    2023-08-08

最新评论