VSCode最强插件合集,助你代码开发效率翻倍!

大家好,我是宝哥。

今天给大家推荐14个VSCode靠前的编程辅助插件,它们可以帮助你提高代码编写、调试、阅读和管理效率。

1.ESLint

简介:用于检查JavaScript代码的语法和风格错误。

功能特色:支持多种规则,可以自定义规则,还可以与其他插件集成。

使用体验:使用简单,可以帮助你提高代码质量。

ce7aca80829b9ee3c0510e229cdb59b3.png

插件名字:ESLint

官方地址:https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

2.Prettier

简介:用于格式化JavaScript代码。

功能特色:支持多种格式化规则,可以自定义规则,还可以与其他插件集成。

使用体验:使用简单,可以帮助你保持代码风格一致。

4f28878001b6f26a5c946ec6199b85ae.png

插件名字:Prettier

官方地址:https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

3.GitLens

简介:用于查看和管理Git代码仓库。

功能特色:支持查看代码历史、提交记录、分支等信息,还可以进行代码blame、提交diff等操作。

使用体验:功能强大,可以帮助你提高Git工作效率。

8c7612722fb802851864b365837a1ed5.png

插件名字:GitLens

官方地址:https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

4.Live Share

简介:用于与他人实时协作编辑代码。

功能特色:支持多人同时编辑代码,可以实时查看代码更改,还可以进行语音聊天。

使用体验:使用简单,可以帮助你提高团队协作效率。

9d65348f63bdd2cd3fb48b089b7a0e08.png

插件名字:Live Share

官方地址:https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare

5.indent-rainbow

简介:用于给代码缩进着色。

功能特色:支持多种编程语言,可以自定义颜色,还可以与其他插件集成。

使用体验:使用简单,可以帮助你提高代码阅读效率。

a2d0cf4065d940b3e0c618ad50b8b542.png

插件名字:indent-rainbow

官方地址:https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow

6.Path Intellisense

简介:用于自动补全文件路径。

功能特色:支持多种编程语言,可以学习你的文件路径输入习惯,还可以与其他插件集成。

使用体验:使用简单,可以帮助你提高代码编写效率。

d36873009f358a72bc2348011cdad7be.png

插件名字:Path Intellisense

官方地址:https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

7.Auto Close Tag

简介:用于自动关闭HTML和XML标签。

功能特色:支持多种编程语言,可以自定义快捷键,还可以与其他插件集成。

使用体验:使用简单,可以帮助你提高代码编写效率。

db6a760174fd734d0d7c456e884e48fd.png

插件名字:Auto Close Tag

官方地址:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

8.Code Spell Checker

简介:用于检查代码中的拼写错误。

功能特色:支持多种编程语言,可以自定义字典,还可以与其他插件集成。

使用体验:使用简单,可以帮助你提高代码质量。

69526e95143961302ebab883c4ae3f48.png

插件名字:Code Spell Checker

官方地址:https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

9.Markdown Preview Enhanced

简介:用于增强Markdown预览功能。

功能特色:支持多种主题,可以自定义样式,还可以与其他插件集成。

使用体验:使用简单,可以帮助你提高Markdown文档阅读体验。

1e28dd31b0016c979251d3b2afceaa51.png

插件名字:Markdown Preview Enhanced

官方地址:https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced

10.Todo Tree

简介:用于管理代码中的待办事项。

功能特色:支持多种编程语言,可以设置优先级,还可以与其他插件集成。

使用体验:使用简单,可以帮助你提高代码管理效率。

ac68c721c29b061b66c7b237a9b3656d.png

插件名字:Todo Tree

官方地址:https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree

11.Better Comments

简介:用于增强代码注释功能。

功能特色:支持多种注释风格,可以折叠注释,还可以与其他插件集成。

使用体验:使用简单,可以帮助你提高代码可读性。

9a6d06045d365620e63dde616de22ae7.png

插件名字:Better Comments

官方地址:https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments

12.Code Runner

简介:用于在VSCode中运行代码。

功能特色:支持多种编程语言,可以自定义运行参数,还可以与其他插件集成。

使用体验:使用简单,可以帮助你提高代码调试效率。

41ab97f488990f98d7410e79e93bfb08.png

插件名字:Code Runner

官方地址:https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner

13.Bookmarks

简介:用于在代码中添加书签。

功能特色:支持多种编程语言,可以设置书签颜色,还可以与其他插件集成。

使用体验:使用简单,可以帮助你快速跳转到代码中的重要位置。

b2484aab4aab7d842e5f1af16b6eb752.png

插件名字:Bookmarks

官方地址:https://marketplace.visualstudio.com/items?itemName=alefragnani.bookmarks

14.Auto Rename Tag

简介:用于自动重命名HTML和XML标签。

功能特色:支持多种编程语言,可以自定义重命名规则,还可以与其他插件集成。

使用体验:使用简单,可以帮助你提高代码编写效率。

4e5a906e41c93a9b68ab1a611810916b.png

插件名字:Auto Rename Tag

官方地址:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

总结

以上插件各有特色,可以满足不同编程人员的需求。希望大家能够找到适合自己的插件,提高编程效率。

码字不易,如果觉得推荐不错,就点个赞吧!

关于我

欢迎长按图片加好友,宝哥会第一时间和你分享前端行业趋势,面试资源,学习途径等等。

977203bcebf5d1381b4ceab0976e4d86.png

添加好友备注【加群】拉你进技术交流群

公众号前端开发博客 专注 前端开发技术,分享 前端开发资源WEB前沿资讯,如果喜欢我的分享,给 宝哥 点一个 或者 分享 都是对我的支持

关注公众号后,在首页:

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF

  • 回复「Vue脑图」获取 Vue 相关脑图

  • 回复「思维图」获取 JavaScript 相关思维图

  • 回复「简历」获取简历制作建议

  • 回复「简历模板」获取精选的简历模板

  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。

  • 回复「知识点」下载高清JavaScript知识点图谱

  • 回复「读书」下载成长的相关电子书

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/481126.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

stdlib.h中的 atoi 函数

记忆方法: atoi可以理解为 arr to int 表示将char类型的字符串转换成int类型的整数。例如"1234"转换成 1234。 传入值传出值:int atoi(char* arr); 将arr里面的字符型数字转变成整形数字。函数开始会跳过除了0到9的数字字符,…

STM32初识3

中断和事件 什么是中断? 中断是指计算机运行过程中,出现某些意外情况需主机干预时,机器能自动停止正在运行的 程序并转入处理新情况的程序,处理完毕后又返回原被暂停的程序继续运行。 什么是EXTI? …

【办公类-16-07-08】“2023下学期 大班户外游戏2(做成打印用的的贴墙版样式--A4横版撑满)”(python 排班表系列)

背景需求: 运用代码做出了中班每个班级用的户外游戏(新版)的表格(包含有场地的贴墙版和无场地的贴周计划版) 【办公类-16-07-07】“2023下学期 大班户外游戏2(有场地和无场地版,每天不同场地&…

部署prometheus 监控k8s集群

目录 1、主机清单 2、拉取镜像 3、服务安装 4、安装prometheus-operator 5、查看custom metrics api 6、获取prometheus端口 7、将 alertmanager-main 、grafana、prometheus-k8s的端口暴露出来 8、再次查看prometheus端口 9、浏览器访问IP:31940 部署k8集群…

【Linux】线程的概念{虚拟地址堆区细分/缺页中断/页/初识线程/创建线程/优缺点}

文章目录 1.前导知识1.1 虚拟地址空间的堆区1.2 缺页中断1.3ELF文件格式1.4页/页框/页帧/页表/MMU1.5虚拟地址到物理地址 2.初识Linux线程2.1之前所学的进程2.2线程的引入2.3如何理解线程2.4如何理解轻量级进程 3.创建线程3.1pthread_create()函数3.2程序测试3.3Makefile怎么写…

Ps:色彩平衡

色彩平衡 Color Balance命令可改变阴影、中间调、高光中的颜色平衡,从而改善图像的整体色彩表现或为图像创造特定的氛围。 Ps菜单:图像/调整/色彩平衡 Adjustments/Color Balance 快捷键:Ctrl B Ps菜单:图层/新建调整图层/色彩平…

飞桨ONNX推理部署初探

ONNX,全称Open Neural Network Exchange(开放神经网络交换),是一个用于表示深度学习模型的标准,它定义了一组与环境、平台均无关的标准格式。这使得不同的人工智能框架,如飞桨、MXNet等,可以采用…

【Vue】Vue集成Element-UI框架

🙋‍ 一日之际在于晨 ⭐本期内容:Vue集成Element-UI框架 🏆系列专栏:从0开始的Vue之旅 文章目录 Element-UI简介安装Element-UInpm安装CDN安装 引入Element-UI测试是否引入成功总结 Element-UI简介 Element-UI官网:点…

划线铸铁平台是怎样进行人工采刮的——北重

划线铸铁平台是一种用于进行平整和划线的工具。它通常由铸铁制成,表面平整且耐用。人工采刮是一种在平台上使用刮刀进行刮擦的方法,以平整和划线。 以下是人工采刮的步骤: 1. 准备平台:确保划线铸铁平台表面清洁,没有…

多级页表查询

说明一下这个三级页表的查询,会需要上面的L2,L1,L0 如果在二级页表level就是2,PGSHIFT是12,那么就是往左移129*2位置,在&9bit就得到L2,其他以此类推 也表查询,首先有跟页表的地址pagetable,…

【计算机视觉】Gaussian Splatting源码解读补充(一)

本文旨在补充gwpscut创作的博文学习笔记之——3D Gaussian Splatting源码解读。 Gaussian Splatting Github地址:https://github.com/graphdeco-inria/gaussian-splatting 论文地址:https://repo-sam.inria.fr/fungraph/3d-gaussian-splatting/3d_gauss…

JavaWeb -- HTTP -- WEB服务器TOMCAT

一.HTTP介绍: HTTP(Hyper Text Protocol) 实际上是一种超文本传输的协议,规定了浏览器跟服务器之间的一些数据传输的规则 例如B/S 对于浏览器的请求,以及相应服务器的响应,都必须依靠这种协议,规范,才能够彼此之间相互 理解 HTTP的协议特点: 1.基于TCP协议: 面向连接 更加安全…

抖音视频无水印爬虫下载工具|视频关键词批量采集软件

抖音视频批量下载工具 最新推出的抖音视频批量下载工具,针对市面上单个视频链接提取不方便的问题进行了全新设计,不仅可以通过单个视频链接提取,还可通过关键词进行视频搜索,实现批量和有选择性的提取功能。 操作说明 您可以通过…

牛客题霸-SQL篇(刷题记录二)

本文基于前段时间学习总结的 MySQL 相关的查询语法,在牛客网找了相应的 MySQL 题目进行练习,以便加强对于 MySQL 查询语法的理解和应用。 由于涉及到的数据库表较多,因此本文不再展示,只提供 MySQL 代码与示例输出。 以下内容是…

基于ssm的音乐视频网站系统(可听音乐和看视频+数据库+报告+免费远程调试

项目介绍: 基于ssm的音乐视频网站系统(可听音乐和看视频)。Javaee项目,ssm项目。采用M(model)V(view)C(controller)三层体系结构,通过Spring SpringMvc Myba…

sd卡受损怎么恢复数据,sd卡受损了里面的数据怎么办

sd卡受损怎么恢复数据?听说你的SD卡出问题了?失去珍贵数据,简直就像是失去了一段珍贵的回忆,但别灰心,我们来解决这个问题!首先,我得说,SD卡受损是很常见的情况,可能是不小心摔了一下、插拔不当,或者是遇到了某种不可抗力的情况。sd卡受损了里面的数据怎么办?幸运的…

Linux--Flappy_bird实现

代码实现&#xff1a; #include<stdio.h> #include<curses.h> #include<signal.h> #include<sys/time.h> #include<stdlib.h>#define BIRD #define BLANK #define PIPE /**定义管道结构体**/ typedef struct Pipe {int x;//列int y;//横struc…

鸿蒙一次开发,多端部署(九)应用市场首页

本小节将以应用市场首页为例&#xff0c;介绍如何使用自适应布局能力和响应式布局能力适配不同尺寸窗口。 页面设计 一个典型的应用市场首页的UX设计如下所示。 观察应用市场首页的页面设计&#xff0c;不同断点下的页面设计有较多相似的地方。 据此&#xff0c;我们可以将页…

需求:JSON数据显示null值或者不显示null值

使用hutool的工具类 import cn.hutool.json.JSON; import cn.hutool.json.JSONConfig; import cn.hutool.json.JSONUtil;public class Main {public static void main(String[] args) {String sss "{\"1\":\"a\",\"2\":null}";// 不…

【算法】子集(LIS最长上升子序列)

文章目录 题目输入描述输出描述示例分析思路最长递增子序列dp解法&#xff08;2/10&#xff09;binarySearch 贪心&#xff08;AC&#xff09; 题目 小强现在有 n n n个物品&#xff0c;每个物品有两种属性 x i x^i xi和 y i y^i yi。他想要从中挑出尽可能多的物品满足以下条…