VScode前端常用插件（自用）

最新推荐文章于 2023-07-27 14:14:54 发布
最新推荐文章于 2023-07-27 14:14:54 发布
阅读量339 收藏 2
点赞数 2
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46544600/article/details/115286802
版权
本文介绍了11款VSCode插件，包括openinbrowser用于文件浏览、liveServer实现实时预览、BracketpairColorizer增强括号匹配等，涵盖了前端HTML/CSS/JS开发、Vue和HTMLHint代码检查，以及后端PHP/Java开发工具如vetur和DebuggerforChrome的断点调试。这些插件能有效提升开发者的编码体验和代码质量。
摘要由CSDN通过智能技术生成

1. open in browser(必备）

作用：在快捷菜单中添加了在默认浏览器查看文件选项
在这里插入图片描述

2. live Server(必备）

作用：在vscode中保存后页面会及时更新 不用手动刷新页面。
在这里插入图片描述

3. Bracket pair Colorizer(必备）

作用：在多个括号同时使用时 可以很好的分辨出对应的括号 不至于犯低级错误
在这里插入图片描述

4. Auto close Tag 和 Auto Rename Tag

作用： 自动闭合 html / xml 标签。自动完成另一侧标签的同步修改
在这里插入图片描述
在这里插入图片描述

5.Chinese (Simplified) Language

作用：这个就不多说了吧 外语水平不够就老老实实的
在这里插入图片描述

6.vscode-icons

作用：配置文件夹图标 让文件结构看起来更加鲜明
在这里插入图片描述

7.vetur

作用：vue的一些工具
在这里插入图片描述

8. Beautify

作用：美化 和 自定义格式化
在这里插入图片描述

9.Project Manage

作用：在多个项目之间快速切换的工具
在这里插入图片描述

10.HTMLHint

作用：html 代码检查
在这里插入图片描述

11.Debugger for Chrome

作用：可以在vscode上直接打断点映射到浏览器上、
在这里插入图片描述

时遇¥.¥..
关注
专栏目录
千锋重庆web前端技术分享之前端VSCode常用插件
qf2019的博客
03-10 1540
一、VSCode常用的插件vscode之所以被称为宇宙第一神器，其中丰富的插件功不可没，安装起来超级简单，给我们开发带来了极大的便捷。 注意，新手学习期间，不建议安装形形色色的插件，用到啥就安装啥。因为有些插件会到vue学习的时候引起冲突，所以这里千锋重庆HTML5培训机构的老师介绍几个常用的插件。 Chinese (Simplified) 汉化 Auto Rename Tag One Dark Pro 颜色主题 格式化代码（vscode系统自带） open in browser 浏览器预览页面
PHP - Laravel VSCode 自用插件
最新发布
2401_84153079的博客
04-20 891
本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是附赠给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等详细大厂面试题答案、学习笔记、学习视频等资料领取，点击资料领取直通车免费领取！、学习视频等资料领取，点击资料领取直通车免费领取！[外链图片转存中…(img-niLn8NQc-1713550480200)]
【vscode】vscode常用插件介绍
qq_42146383的博客
03-17 1万+
1、Angular Snippets（angular片段） 这个扩展为 TypeScript 和 HTML 添加了 Angular 的代码片段。 2、Auto Close Tag（自动闭合标签） 自动添加 HTML/XML 关闭标记。 3、Auto Rename Tag（自动重命名标签） 自动重命名成对的 HTML/XML 标记。 3、Bracket Pair Colorizer 2 （括号对色） 用于为匹配括号着色的可定制扩展，v2 使用与 VSCode 相同的括号解析引擎，大大提高了速度和准确性。
vscode 插件-常用插件
u012732909的博客
09-08 1万+
三.VSCode常用插件(安装步骤同汉化) 3.1Auto Close Tag (自动闭合HTML/XML标签) 3.2Auto Rename Tag (自动帮你完成尾部闭合标签的同步修改，不过有些bug。) Prettier(Prettier 是目前 Web 开发中最受欢迎的代码格式化程序) 安装了这个插件，它就能够自动应用 Prettier，并将整个 JS 和 CSS 文档快速格式化为统一的代码样式。如果你还想使用 ESLint，那么还有个 Prettier ...
Auto Rename tag
m0_46065831的博客
09-11 8068
Auto Rename Tag 自动关闭标签，在开始标记的结束括号中键入后，将自动插入结束标记 Beautify 美化代码 Bracket Pair Colorizer 个成对儿的括号都会以不同的颜色进行区别 chinese 中文简体 code Runner 万能语言运行环境 colorizer css color背景颜色 Debugger for Chrome vs code 中打开 chrome ESlint 自动检测不符合规范的代码。打开vscode左侧扩展面板，搜索es
VS Code插件以及相关配置
记录自己工作中的点点滴滴……
09-18 1693
1、Auto Close Tag 新增标签时，自动闭合标签 { // 是否自动插入闭合标签，默认为true "auto-close-tag.enableAutoCloseTag": true, // 是否给自动闭合标签，添加“/”，比如<br>会变成<br/>，默认值为true "auto-close-tag.enableAutoCloseSelfClosingTag": true, // 是否在自动闭合标签的正斜杠前插入空格（默认为false）
常用的几个框架官网【前端 / 自用】
weixin_49133874的博客
04-20 2602
做个记录 vxe-table 【表格库】 https://xuliangzhan_admin.gitee.io/vxe-table/#/table/start/install Echarts 【可视化图表库】 https://echarts.apache.org/zh/index.html
vs、vue插件.rar
01-10
"vs、vue插件.rar"这个压缩包文件包含了针对这两个工具的一些自用整理的插件，旨在帮助开发者更好地进行前端开发工作。 Visual Studio Code，简称VSCode，是由微软开发的一款免费、跨平台的源代码编辑器。它支持...
前后端分离项目全环境搭建（Ruoyi框架）
qq_39367410的博客
09-05 5037
记录一下在全新的电脑上搭建前后端分离项目的全过程，方便下次继续Copy。（以Ruoyi框架为例子进行操作）
vscode css智能补全_VS Code必备插件（前端篇）
qq_45793102的博客
04-02 4043
汉堡之前写过一篇关于前端开发常用的几款ide编辑器，而其中vscode就是现在汉堡正在使用的一款很火的编辑器。其性能远超其他几款编辑器，另外它最特色的功能莫过于它无边无际的插件市场。下面汉堡给大家介绍几款自认为好用的插件： 1、vscode-fileheader 它是一款自动添加头部注释的插件，只需要简单的配置就可以添加作者详情以及可以查看创建时间和最后修改时间，平时多人协作的时候，可以方便的...
VS Code：23 个让你工作效率翻倍的插件和编辑技巧
代码技巧
10-17 4861
总结了一些平时常用且好用的 VS Code 的插件和编辑技巧分享出来。文章详情可查阅我的博客：https://lishaoy.net。外观主题这里我分享两款主题：1.Ma...
vscode常用的一些插件
m0_56895352的博客
07-27 119
and启动本地服务器。
VS code的前端开发常用插件详解（图文功能）
残阳曦月
10-24 1640
搜了很多关于VS code的前端开发插件；每一篇都有好的插件介绍；但基本都不全，也不完整；就整理了几篇收藏自己备用！ 集合目录： 目录 1.Auto Close Tag　　自动闭合HTML/XML标签 2.Auto Rename Tag 自动完成另一侧标签的同步修改 3.Beautify　　格式化代码，值得注意的是，beautify插件支持自定义格式化代码规则 4.B...
VS Code开发Vue项目常用插件
dreamingbaobei的博客
08-29 8554
VS Code是免费软件，直接到官网下载安装即可，如果选用这款编辑器，建议花点时间实习一下这款软件，安装必要的插件，会大大提供编码效率。 笔者从从前使用webstorm做前端项目，下面记录在项目实践中的一些配置。
Numpy的一些特殊用法汇总
qq_22206395的博客
09-17 214
numpy的两种扩充维度方法 使用None和np.newaxis在效果上是一样的 在1维度扩充 在0维度扩充 在0和1维度扩充
Auto Rename Tag 插件
weixin_42124594的博客
10-09 2152
自动重命名配对的HTML / XML标签 auto-rename-tag.activationOnLanguage以设置扩展名将被激活的语言。 默认为["*"]所有语言激活。
VsCode插件整理
热门推荐
天马3798
11-14 21万+
1.VsCode官方插件地址： http://code.visualstudio.com/docs 2.使用方法，可以在官网中搜索需要的插件或者在VsCode的“”扩展“”中搜索需要的插件 添加方法使用Ctrl+P, 输入 ext install xxxx ，搜索要安装的插件，点击安装按钮即可 3.常用插件说明： 一、HTML Snippets 超级使用且初级的H5
VSCode 自动同步修改前后标签名插件
weixin_33994429的博客
05-24 1万+
2019独角兽企业重金招聘Python工程师标准>>> ...
vscode 记事本插件
09-01
- *1* *2* *3* [自用 VScode 插件推荐](https://blog.csdn.net/u011675334/article/details/102543165)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值