VUE系列——Chrome安装Vue调试插件

简介: VUE系列——Chrome安装Vue调试插件
+关注继续查看

前言

Vue是一个很好用的前端,但是在浏览器上面不能直接打断点调试程序。

下面介绍通过安装调试插件对程序进行调试

按F12之后,出现一个Vue选项,效果如下:


image

安装过程

step1 下载插件并解压

链接:点我进入

提取码:2tcj 


step2 进入到Chrome扩展程序页面点击开发者模式

chrome://extensions/

image

step3 点击加载已解压的扩展程序

image

step4 选择解压后的文件夹

image

结果

出现下面的效果就已经安装好了:

image

相关文章
|
18天前
|
Web App开发 JavaScript 前端开发
Vue上传图片裁剪预览插件vue-img-cutter的使用
Vue上传图片裁剪预览插件vue-img-cutter的使用
30 0
|
18天前
|
JavaScript
基于vue的cron表达式组件——vue-crontab插件
基于vue的cron表达式组件——vue-crontab插件
20 0
|
23天前
|
Web App开发 JavaScript 前端开发
Vue系列教程(04)- VsCode断点调试(Debugger for Chrome)
Vue系列教程(04)- VsCode断点调试(Debugger for Chrome)
19 0
|
1月前
|
Web App开发 JavaScript 前端开发
VsCode 常用好用插件/配置+开发Vue 必装的插件
VsCode 常用好用插件/配置+开发Vue 必装的插件
59 0
|
2月前
|
JavaScript 前端开发 Go
如何开发你的第一个Vue.js插件:完整指南
如何开发你的第一个Vue.js插件:完整指南
11 0
|
3月前
|
JavaScript API
Vue中组件和插件有什么区别?
Vue中组件和插件有什么区别?
76 1
|
3月前
|
JavaScript 前端开发
HTML VSCode 自用插件列表 (包含Vue)
HTML VSCode 自用插件列表 (包含Vue)
67 0
|
3月前
|
JavaScript 前端开发 开发者
Vue.js插件(Plugins):扩展Vue应用的功能与生态系统
Vue.js是一款流行的JavaScript框架,提供了许多内置功能来构建交互式的Web应用程序。然而,有时候,您可能需要引入额外的功能或第三方库来满足特定需求。这就是Vue.js插件的用武之地。在本博客中,我们将深入研究Vue.js插件的概念、创建方法、常见用途以及如何利用插件来扩展Vue应用的功能与生态系统。
49 0
|
4月前
|
JavaScript
VUE 生成二维码插件qrcodejs2踩的坑
VUE 生成二维码插件qrcodejs2踩的坑
104 0
|
4月前
|
JavaScript 前端开发
DZMFullPage - 前端分页动画插件,兼容IE9+,支持Vue
DZMFullPage - 前端分页动画插件,兼容IE9+,支持Vue
58 0
相关产品
云迁移中心
推荐文章
更多