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

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.mzph.cn/news/74234.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

leetcode897. 递增顺序搜索树(java)

递增顺序搜索树 题目描述中序遍历代码演示 递归专题 题目描述 难度 - 简单 LC - 897. 递增顺序搜索树 给你一棵二叉搜索树的 root ,请你 按中序遍历 将其重新排列为一棵递增顺序搜索树,使树中最左边的节点成为树的根节点,并且每个节点没有左子…

如何让 Llama2、通义千问开源大语言模型快速跑在函数计算上?

:::info 本文是“在Serverless平台上构建AIGC应用”系列文章的第一篇文章。 ::: 前言 随着ChatGPT 以及 Stable Diffusion,Midjourney 这些新生代 AIGC 应用的兴起,围绕AIGC应用的相关开发变得越来越广泛,有呈井喷之势,从长远看这波应用的爆…

解除百度安全验证

使用chrome浏览器用百度浏览时,一直弹百度安全验证: 在设置里进行重置: 然后重启浏览器就可以了。

Leetcode:【169. 多数元素】

题目 给定一个大小为 n 的数组 nums ,返回其中的多数元素。多数元素是指在数组中出现次数 大于 ⌊ n/2 ⌋ 的元素。 你可以假设数组是非空的,并且给定的数组总是存在多数元素。 难度:简单 题目链接:169. 多数元素 示例 1&#xff…

“系统的UI”——SystemUI

SystemUI的实现 以StatusBar为例,来分析下Android系统具体是如何实现它们的。 相关代码分为两部分,即: Service部分 代码路径:frameworks/base/services/java/com/android/server。 应用部分 代码路径:frameworks…

对接西部数据Western Digital EDI 系统

近期我们为国内某知名电子产品企业提供EDI解决方案,采用知行之桥 EDI 系统作为核心组件,成功与西部数据Western Digital(简称西数)建立EDI连接,实现数据安全且自动化传输。 EDI实施需求 EDI连接 传输协议:A…

c++ 学习之 静态成员变量和静态成员函数

文章目录 前言正文静态成员变量初始化操作如何理解共享一份数据访问权限 静态成员函数访问方式静态成员函数只能访问静态成员变量访问权限 前言 静态成员分为 1)静态成员变量 所有对象共享一份数据在编译阶段分配空间类内声明,类外初始化 2&#xff09…

Spring 怎么解决循环依赖的呢?

Spring 怎么解决循环依赖 什么是循环依赖那 Spring 怎么解决循环依赖的呢?为什么要三级缓存?⼆级不⾏吗? 什么是循环依赖 Spring 循环依赖:简单说就是自己依赖自己,或者和别的 Bean 相互依赖。 只有单例的 Bean 才存在…

软件测试中的43个功能测试点总结

功能测试就是对产品的各功能进行验证,根据功能测试用例,逐项测试,检查产品是否达到用户要求的功能。针对web系统的常用测试方法如下: 1、页面链接检查: 每一个链接是否都有对应的页面,并且页面之间切换正…

设计模式系列-原型模式

一、上篇回顾 上篇创建者模式中,我们主要讲述了创建者的几类实现方案,和创建者模式的应用的场景和特点,创建者模式适合创建复杂的对象,并且这些对象的每 个组成部分的详细创建步骤可以是动态的变化的,但是每个对象的组…

剑指 Offer 07. 重建二叉树

题目描述 输入某二叉树的前序遍历和中序遍历的结果,请构建该二叉树并返回其根节点。 假设输入的前序遍历和中序遍历的结果中都不含重复的数字。 解题思路 首先,根据前序遍历结果确定根节点。前序遍历的第一个元素即为根节点的值。 接下来&#xff0c…

第29节-PhotoShop基础课程-滤镜库

文章目录 前言1.滤镜库2.Camera Raw滤镜 (用来对图片进行预处理,最全面的一个)3.神经滤镜(2022插件 需要先下载)4.液化(胖-> 瘦 矮->高)5.其它滤镜1.自适应广角2.镜头矫正 把图片放正3.消…

Kafka详解

目录 一、消息系统 1、点对点的消息系统 2、发布-订阅消息系统 二、Apache Kafka 简介 三、Apache Kafka基本原理 3.1 分布式和分区(distributed、partitioned) 3.2 副本(replicated ) 3.3 整体数据流程 3.4 消息传送机制…

JP《乡村振兴振兴战略下传统村落文化旅游设计》许少辉书香续,山水长

JP《乡村振兴振兴战略下传统村落文化旅游设计》许少辉书香续,山水长

Vue2+Vue3基础入门到实战项目(前接六 副线一)—— 面经 项目

day1 接口文档地址:https://www.apifox.cn/apidoc/project-934563/api-20384515 一、项目功能演示 1.目标 启动准备好的代码,演示移动端面经内容,明确功能模块 2.项目收获 二、项目创建目录初始化 vue-cli 建项目 1.安装脚手架 (已安装…

WebSocket的那些事(5-Spring STOMP支持之连接外部消息代理)

目录 一、序言二、开启RabbitMQ外部消息代理三、代码示例1、Maven依赖项2、相关实体3、自定义用户认证拦截器4、Websocket外部消息代理配置5、ChatController6、前端页面chat.html 四、测试示例1、群聊、私聊、后台定时推送测试2、登录RabbitMQ控制台查看队列信息 五、结语 一、…

第4章_瑞萨MCU零基础入门系列教程之瑞萨 MCU 源码设计规范

本教程基于韦东山百问网出的 DShanMCU-RA6M5开发板 进行编写,需要的同学可以在这里获取: https://item.taobao.com/item.htm?id728461040949 配套资料获取:https://renesas-docs.100ask.net 瑞萨MCU零基础入门系列教程汇总: ht…

deepin V23通过flathub安装steam畅玩游戏

deepin V23缺少32位库,在星火商店安装的steam,打开报错,无法使用! 通过flathub网站安装steam,可以正常使用,详细教程如下: flathub网址:主页 | Flathub 注意:flathub下载速度慢,只…

Redis从基础到进阶篇(四)----性能调优、分布式锁与缓存问题

目录 一、Redis 集群演变 1.1 ReplicationSentinel*高可用 1.2 ProxyReplicationSentinel(仅仅了解) 1.3 Redis Cluster 集群 (重点) 1.3.1 Redis-cluster架构图 1.3.2 工作原理 1.3.3 主从切换 1.3.4 副本漂移 1.3.5 分片漂移 二、Redis版本历史&#xf…

ODC现已开源:与开发者共创企业级的数据库协同开发工具

OceanBase 开发者中心(OceanBase Developer Center,以下简称 ODC)是一款开源的数据库开发和数据库管理协同工具,从首个版本上线距今已经发展了三年有余,ODC 逐步由一款专为 OceanBase 打造的开发者工具演进成为支持多数…