分享 8 个 VSCode 插件,提升你的编码体验

news/2024/7/16 8:13:16 标签: vscode, ide, 编辑器

00b85dd7c60d7270f3e5be5e7097fd90.jpeg

大多数开发者都在不断寻找让开发工作更轻松的方法,我也是如此。合适的工具可以帮助你实现这一目标。

在本文中,我们将探讨我个人使用的八个扩展,以优化我的编码体验。让我们来看看这些扩展的列表,亲自体验它们如何改善你的编码体验。

我们改变了我们的工具,然后我们的工具改变了我们 — 杰夫·贝佐斯

1. GitHub Copilot

我最喜欢的扩展列表中最新的一款是GitHub Copilot扩展。GitHub Copilot是你的人工智能编码伴侣,可以实时提供代码建议。

这个扩展真的让编码变得轻松。尽管它是一个相对较新的扩展,但已经有超过800万的安装量。这个扩展不仅可以提升你的编码体验,还能显著提高你的工作效率。我强烈推荐你试用一下这个扩展,看看它如何改善你的编码体验。

注:你可以开始使用GitHub Copilot的免费试用,但最终你会需要订阅。

2. TODO Highlight

每个开发者都曾经在自己的代码中忘记了一个待办注释。很有可能你甚至将带有待办注释的代码发布到了生产环境中。

这就是为什么你需要TODO Highlight扩展。这个扩展会突出显示你的待办事项注释,并提醒你还有未完成的笔记或事项。

该扩展程序带有内置的关键词 TODO: 和 FIXME: ,但您可以添加自己的关键词并更改它们的外观。

这个扩展程序已经安装了超过350万次,相当受欢迎。看来不只有我一个人忘记了自己的待办评论...

821e6ea7c3c858a31c5226ec61227ba5.jpeg

3. Path Intellisense

说到编码,魔鬼常常隐藏在细节中,即使是像编写文件路径这样的小任务也可能变得繁琐且容易出错。这就是 Path Intellisense 扩展的用武之地。该扩展使得查找正确的文件路径变得轻而易举,因为它为文件名添加了自动完成功能。在您输入时,它会为文件和文件夹提供建议,节省您的时间并避免错误。

8d3fe8072f5b6a090ff7072cd3cdd769.gif

4. GitLens

GitLens扩展不能被忽视。如果你想找出是谁修改了一行代码或者一段代码块,以及为什么修改,它非常有用。

我个人觉得这非常方便,如果我想知道为什么添加或删除了某行代码。通过查看历史记录,我可以追溯到最初的用户故事。

这个扩展的最大优点就是你永远不需要离开你的编辑器。它让你能够保持专注,每多花一秒钟在上下文切换或缺失上下文上都会打断你的思路,而这对你的生产力至关重要。

拥有超过2500万次安装,这是您在Visual Studio Code中进行Git版本控制的首选扩展。

90b3afcb1fc0662b8f53e4eb8053e4e4.jpeg

5. Prettier

统一格式化代码是一个挑战,但使用正确的工具可以自动保持代码库的一致性。这就是Prettier扩展的作用所在。

Prettier是一款有主见的代码格式化工具,根据一致的风格自动对您的代码进行格式化,提高代码的可读性。您的代码将会被格式化,包括空格、换行和引号的一致性。甚至可以在每次保存代码时自动运行Prettier。

这个扩展程序已经安装了超过3500万次,毫无疑问是一个明智的选择。

6. REST 客户端

REST客户端扩展允许您直接在Visual Studio Code中发送HTTP请求并查看响应。这样就不再需要使用外部应用程序来向服务器发送HTTP请求了。

语法非常简洁:只需一行代码,使用GET关键字后跟URL即可完成简单的GET请求。如果您想发送更复杂的请求,有很多选项可供您使用,以满足您的需求。您可以添加身份验证标头,或者如果需要,发送包含JSON数据的完整POST请求。

这个扩展已经安装了超过350万次,如果你需要从API获取数据,它是必备的。4daacc69fba617a7ad1706ce75eb352d.gif

7. Auto Rename Tag

Auto Rename Tag扩展的功能很简单,但却让编写HTML变得轻松。该扩展会自动重命名配对的HTML标签。如果你重命名了一个开标签,它会相应地更改对应的闭标签。反之亦然。

我将这个扩展与自动关闭标签扩展一起使用。当在开标签的闭合括号中键入时,该扩展会自动添加闭合标签。安装这两个扩展非常强大,可以帮助您以更高效和一致的方式编写HTML。它还可以减少HTML出错的可能性。

这两个扩展合起来有接近2500万的安装量,这使得这些扩展备受网页开发者喜爱。

4ddb31c4bcc08e2595699ab54272dd05.gif

8. Peacock

你是否曾经发现自己在寻找某个文件时感到困惑,明明确定应该在那里,却找不到?很可能是你看错了项目。这种情况发生在我们中的佼佼者身上也是很正常的。

你可以使用Peacock扩展来解决这个问题,它允许你改变工作区的颜色。这有助于你快速识别你正在工作的项目。如果你经常同时处理多个项目,这将非常方便。

一个非常简单的扩展,但是拥有接近250万的安装量,你不应该低估它的能力。

b4a4d0b0db41bda88bec24af2f4b5f02.jpeg

结束

由于文章内容篇幅有限,今天的内容就分享到这里,文章结尾,我想提醒您,文章的创作不易,如果您喜欢我的分享,请别忘了点赞和转发,让更多有需要的人看到。同时,如果您想获取更多前端技术的知识,欢迎关注我,您的支持将是我分享最大的动力。我会持续输出更多内容,敬请期待。

粉丝福利

分享一个漂亮的 BootStrap 5 后台管理源码


http://www.niftyadmin.cn/n/5005808.html

相关文章

Java基础二十五(Map)

Map 接口 Map 接口是 Java 集合框架中的一种用于储存键值对映射关系的接口。Map 接口提供了一种通过键来访问值的方式&#xff0c;其中每一个键都是唯一的&#xff0c;值可以重复。 public interface Map<K,V>Map 接口的主要特征如下&#xff1a; 键唯一性&#xff1a;…

maven管理android项目

maven管理android项目 1.安装maven-android-sdk-deployer&#xff0c;下载地址&#xff1a;https://github.com/mosabua/maven-android-sdk-deployer 2.解压缩大英文路径文件夹 3.在压缩后的根目录执行mvn clean install -P 2.3.3&#xff08;2.3.3指的是android版本号&#x…

李宏毅-21-hw3:对11种食物进行分类-CNN

一、代码慢慢阅读理解总结内化&#xff1a; 1.关于torch.nn.covd2d()的参数含义、具体用法、功能&#xff1a; &#xff08;1&#xff09;参数含义&#xff1a; 注意&#xff0c;里面的“padding”参数&#xff1a;《both》side所以是上下左右《四》边都会加一个padding数量…

Kafka3.0.0版本——增加副本因子

目录 一、服务器信息二、启动zookeeper和kafka集群2.1、先启动zookeeper集群2.2、再启动kafka集群 三、增加副本因子3.1、增加副本因子的概述3.2、增加副本因子的示例3.2.1、创建topic(主题)3.2.2、手动增加副本存储 一、服务器信息 四台服务器 原始服务器名称原始服务器ip节点…

【HTML/CSS】入门导学篇

本文属于HTML/CSS专栏文章&#xff0c;适合WEB前端开发入门学习&#xff0c;如果有所帮助请一键三连支持&#xff0c;对博主系列文章感兴趣点击下方专栏了解详细。 本文内容出自B站pink老师的前端入门教程&#xff0c;感谢pink老师&#xff01;&#xff01;&#xff01; 视频链…

【C# Programming】类、构造器、静态成员

一、类 1、类的概念 类是现实世界概念的抽象&#xff1a;封装、继承、多态数据成员&#xff1a; 类中存储数据的变量成员方法&#xff1a; 类中操纵数据成员的函数称为成员方法对象&#xff1a;类的实例类定义 class X {…} var instance new X(…); 2、实例字段 C#中…

生成多样、真实的评论(2019 IEEE International Conference on Big Data )

论文题目&#xff08;Title&#xff09;&#xff1a;Learning to Generate Diverse and Authentic Reviews via an Encoder-Decoder Model with Transformer and GRU 研究问题&#xff08;Question&#xff09;&#xff1a;评论生成&#xff0c;由上下文评论->生成评论 研…

LC844. 比较含退格的字符串

题目大意 给两个带有‘#’字符的字符串s和t&#xff0c;其中‘#’代表一次退格操作&#xff0c;要求你编码比较s和t是否相同。 思路 第一个想法就是用栈处理退格操作&#xff0c;很简单就AC了&#xff0c;但是空间O(n)&#xff0c;时间O(n)&#xff0c;不是最优。另外一种思路…