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
第三步
编译代码
第四步
修改 vue-devtools/shells/chrome/manifest.json 文件,将 persistent改成 true
第五步
打开chrome,输入 chrome://extensions/ 进入到chrome扩展程序设置页面
打开右上角的 开发者模式
点击 加载已解压的扩展程序 选择 vue-devtools/shells/chrome
注意:勾选 允许访问文件网址
至此,vue-devtools已经安装完毕。enjoy it!
总结
以上所述是小编给大家介绍的vue-devtools的安装步骤,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
相关文章
vue如何限制只能输入正负数及小数
这篇文章主要介绍了vue如何限制只能输入正负数及小数,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-07-07
element如何初始化组件功能详解
Element UI是一套基于Vue的桌面端组件库,封装好了很多常用的UI组件,下面这篇文章主要给大家介绍了关于element如何初始化组件功能的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
2022-12-12
vue3与ts组件封装提高代码复用性
这篇文章主要为大家介绍了vue3与ts组件封装提高代码复用性示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2022-07-07
如何监听Vue项目报错的4种方式
本文主要介绍了如何监听Vue项目报错的4种方式,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
2022-04-04
vue如何实现自定义步骤条
这篇文章主要介绍了vue如何实现自定义步骤条问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2023-12-12
十分钟封装一个好用的axios步骤示例
这篇文章主要为大家介绍了十分钟封装一个好用的axios步骤示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2022-06-06
基于Vue和Firebase实现一个实时聊天应用
在本文中,我们将学习如何使用Vue.js和Firebase来构建一个实时聊天应用,Vue.js是一种流行的JavaScript前端框架,而Firebase是Google提供的实时数据库和后端服务,结合这两者,我们可以快速搭建一个功能强大的实时聊天应用,需要的朋友可以参考下
2023-08-08
最新评论