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

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

前言

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

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

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


安装过程

step1 下载插件并解压

链接:点我进入

提取码:2tcj


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

chrome://extensions/

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

step4 选择解压后的文件夹

结果

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

相关文章
|
23天前
|
Web App开发 资源调度 JavaScript
vue element plus 安装
vue element plus 安装
31 0
|
2月前
|
JavaScript 前端开发 CDN
总结 vue3 的一些知识点:Vue.js 安装
总结 vue3 的一些知识点:Vue.js 安装
|
3月前
|
Web App开发 JavaScript 前端开发
使用vue快速开发一个带弹窗的Chrome插件
使用vue快速开发一个带弹窗的Chrome插件
68 0
使用vue快速开发一个带弹窗的Chrome插件
|
3月前
|
Web App开发 JavaScript 前端开发
从零开始,轻松打造个人化Chrome浏览器插件
从零开始,轻松打造个人化Chrome浏览器插件
75 0
|
3月前
|
JSON 缓存 JavaScript
vue脚手架安装方法——2023年5月28日版本
vue脚手架安装方法——2023年5月28日版本
65 0
|
3月前
|
Web App开发 Linux
只需五步,在Linux安装chrome及chromedriver(CentOS)
只需五步,在Linux安装chrome及chromedriver(CentOS)
358 1
|
3天前
|
Web App开发 搜索推荐 前端开发
【热门话题】Chrome 插件研发详解:从入门到实践
本文详细介绍了Chrome插件的开发,从基础概念到实战技巧。首先,解释了插件的结构,包括manifest.json、背景脚本、内容脚本和UI界面。接着,阐述了生命周期、通信机制以及开发步骤,包括创建项目结构、编写manifest.json、开发脚本和UI,以及测试与调试。通过一个显示当前页面URL的插件实例,展示了具体实现过程。最后,讲解了如何在Chrome Web Store发布和分发插件。Chrome插件开发为开发者提供了创造个性化体验的平台,本文旨在引导读者入门并深入实践。
15 2
|
7天前
|
资源调度 JavaScript 开发者
插件使用:扩展Vue功能与第三方插件
【4月更文挑战第23天】Vue凭借其轻量级和灵活性在Web开发中备受青睐,而插件则进一步增强了其功能。本文探讨了如何在Vue项目中选择、安装、配置和管理插件,以适应不同需求。要点包括:选择可靠且兼容的插件,使用npm或yarn安装,根据文档配置,以及注意性能影响。明智使用插件能提升开发效率,但需避免过度依赖,确保与项目目标和技术栈匹配。不断学习新插件,可保持技术领先并优化项目实践。
|
19天前
|
JavaScript 前端开发 CDN
Vue.js 安装
Vue.js 安装
|
28天前
|
资源调度 JavaScript 前端开发
「Vue3系列」Vue3简介及安装
Vue3是Vue.js框架的第三个主要版本,于2020年9月18日发布,代号为“One Piece”。Vue3在性能、体积、TypeScript支持、API设计等方面都有显著的提升和改变。
64 2