八个提升编程体验的VS Code插件

左手的ㄟ右手 2024-02-19 10:04 9阅读 0赞

### **1.GitHub Copilot** ###

安装链接：https://marketplace.visualstudio.com/items?itemName=GitHub.copilot

GitHub Copilot 是开发人员的人工智能编码伴侣，可以实时提供代码建议。

这个扩展使编码变得轻而易举。这个扩展可以改善编码体验，提高生产力。

提示：您可以使用 GitHub Copilot 的免费试用版。

![图片][c2f2ddbc91b6f828a36aef0e4b71ce66.gif]

### **2.TODO Highlight** ###

安装链接：https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight

这个扩展会突出显示您的待办事项注释，并提醒存在未完成的注释或任务。

该扩展附带了内置的关键字 `TODO`: 和 `FIXME`:，也可以添加自己的关键字并更改其外观。

![图片][ec5acc76a21edfa43a96e402835d39b7.png]

### **3.Path Intellisense** ###

安装链接：https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

在编码中，细节往往决定成败，即使是像编写文件路径这样的小任务也可能繁琐且易出错。这就是 Path Intellisense 扩展的用武之地。这个扩展使查找正确的文件路径变得简单，因为它为文件名添加了自动完成功能。在输入时，会为文件和文件夹提供建议，节省时间并避免错误。

![图片][823bc9cc7009ef5825d14685de71ea97.gif]

### **4.GitLens** ###

安装链接：https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

如果您想找出是谁修改了一行代码或一段代码块，以及为什么修改，该扩展非常有用。

这个扩展让开发人员无需离开编辑器，使开发人员能够保持专注。任何额外花费在上下文切换或缺失上下文的时间都会中断开发人员的工作流程，这对开发人员的生产力至关重要。

![图片][edae328be2d889defe47f00e53556902.png]

### **5.Prettier** ###

安装链接：https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

保持代码一致的格式是个挑战，但使用正确的工具可以实现自动保持代码库一致性。这就是 Prettier 扩展的用途。

Prettier 是一个具有明确偏好的代码格式化工具，可以根据统一的风格自动格式化代码，提高代码的可读性。代码将使用适当的间距、换行和引号进行格式化。甚至可以在每次保存代码时自动运行 Prettier。

这个扩展是一个无脑选择。

### **6.REST Client** ###

安装链接：https://marketplace.visualstudio.com/items?itemName=humao.rest-client

REST Client 扩展允许开发人员直接在 Visual Studio Code 中发送 HTTP 请求并查看响应。

该扩展的语法非常简洁：对于简单的 GET 请求，只需要一行代码，其中包含 GET 关键字和 URL。如果要发送更复杂的请求，有很多选项可供开发人员使用，以满足需求。可以添加身份验证标头，或根据需要发送带有 JSON 数据的完整 POST 请求。

![图片][4dc6db63c98670a00259df30826f9303.gif]

### **7.Auto Rename Tag** ###

安装链接：https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

Auto Rename Tag 扩展的功能很简单，可以轻松地编写 HTML。该扩展会自动重命名配对的 HTML 标签。如果重命名一个开放标签，它将同时更改相应的闭合标签，反之亦然。

建议将此扩展与 Auto Close Tag 扩展一起使用。这个扩展会在输入开放标签的闭合括号时自动添加闭合标签。同时安装这两个扩展非常强大，帮助开发人员以更高效和一致的方式编写 HTML，还可以减少 HTML 的错误。

![图片][9c4a022e665cecd85132d7b673b8511f.gif]

### **8.Peacock** ###

安装链接：https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock

使用 Peacock 扩展可以更改工作区的颜色。这有助于快速识别自己正在工作的项目。如果开发人员时常同时处理多个项目，这将非常方便。

![图片][552d577ba4d3bb0bc3086d98b46a45b6.png]

### **最后，推荐一项软件开发工具** ###

关于目前低代码在技术领域很活跃！

低代码是什么？一组数字技术工具平台，能基于图形化拖拽、参数化配置等更为高效的方式，实现快速构建、数据编排、连接生态、中台服务等。通过少量代码或不用代码实现数字化转型中的场景应用创新。它能缓解甚至解决庞大的市场需求与传统的开发生产力引发的供需关系矛盾问题，是数字化转型过程中降本增效趋势下的产物。

这边介绍一款好用的低代码平台——JNPF开发平台。近年在市场表现和产品竞争力方面表现较为突出，采用的是最新主流前后分离框架（SpringBoot+Mybatis-plus+Ant-Design+Vue3）。代码生成器依赖性低，灵活的扩展能力，可灵活实现二次开发。

以JNPF为代表的企业级低代码平台为了支撑更高技术要求的应用开发，从数据库建模、Web API构建到页面设计，与传统软件开发几乎没有差异，只是通过低代码可视化模式，减少了构建“增删改查”功能的重复劳动，还没有了解过低代码的伙伴可以尝试了解一下。

应用地址：[https://www.jnpfsoft.com/?csdn][https_www.jnpfsoft.com_csdn]

有了它，开发人员在开发过程中就可以轻松上手，充分利用传统开发模式下积累的经验。所以低代码平台对于程序员来说，有着很大帮助。

[c2f2ddbc91b6f828a36aef0e4b71ce66.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/c2f15778377f4682b06bfa3ba4cfafbf.png
[ec5acc76a21edfa43a96e402835d39b7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/91cd52ebec6841fe9cdcaafda5928f1a.png
[823bc9cc7009ef5825d14685de71ea97.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/6e35fbf3c9ac426c802f8e0f4938fc2a.png
[edae328be2d889defe47f00e53556902.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/19bbe94bc627405d98ecc106c9f0c17a.png
[4dc6db63c98670a00259df30826f9303.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/6f71c65b97d443f79fd8f2fb1826031b.png
[9c4a022e665cecd85132d7b673b8511f.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/73e6fd4e9f8c449ba15382044bc8fbc5.png
[552d577ba4d3bb0bc3086d98b46a45b6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/df4e30d2610d4ea4890b6daf7de6b807.png
[https_www.jnpfsoft.com_csdn]: https://www.jnpfsoft.com/?csdn