16个不容错过的VScode插件

最新推荐文章于 2024-05-24 16:55:16 发布

张小瑜

最新推荐文章于 2024-05-24 16:55:16 发布

阅读量4.4k

点赞数 46

文章标签： vscode ide 编辑器

本文链接：https://blog.csdn.net/weixin_52740695/article/details/135700569

版权

本文介绍了作者在VSCode中最推荐的13款插件，包括代码注释、汉化支持、Vue开发辅助、代码格式化、自动闭合标签、依赖包分析、实时刷新浏览器、文件浏览器、错误检测、代码补全、云端开发环境、路径补全和Git信息浏览等，旨在帮助开发者提升工作效率。

摘要由CSDN通过智能技术生成

VS Code 是我最常用的代码编辑器之一，接下来我为大家推荐一些VSCode 插件，希望可以帮助到你，如有错误，敬请指出！

怎么安装插件？

打开VScode后，点击下方图片或者使用 ctrl+shift+x 快捷键打开，在搜索框输入，然后安装即可。

1.Better Comments（代码注释）

使用 Better Comments 插件，你可以通过在注释前添加特定的标记来给注释分类和着色。这些标记包括：

*：用于强调或标记注释中的关键信息；

!：用于突出显示重要的注释或需要特别关注的部分；

?：用于表示疑问或需要进一步解释的注释；

TODO：用于标记需要完成的任务或待办事项；

//：用于普通的注释。

2.chinese（汉化编译器）

chinese插件适用于 VS Code 的中文（简体）语言包，此中文（简体）语言包为 VS Code 提供本地化界面。

3.vetur（vue 2开发必备）volar（vue 3开发必备）

vetur 或 volar插件是一个专门用于开发 Vue.js 项目。它提供了许多有用的功能，包括语法高亮、代码补全、错误检查、格式化、调试等。

4.Prettier - Code formatter（格式化代码）

Prettier - Code formatter 插件会自动格式化您的代码，从而简化维护一致代码库的过程。无论团队内的个人偏好如何，Prettier 都会确保每个人的代码格式都是统一的。

5.Auto Close Tag（自动闭合标签）

Auto Close Tag 插件可以自动闭合 HTML、XML 和其他类似标记语言的标签。当你输入一个开始标签时，它会自动插入相应的结束标签，并将光标定位在两个标签之间，方便你继续编写内容。

6.Import Cost（显示引入包的大小）

Import Cost插件在导入 JavaScript 包时，会立即显示它们的大小，从而深入了解它们对项目性能的影响。它无缝支持 npm 和 Yarn 等包管理器，简化了优化项目速度的过程。支持多种语言和模块系统，包括 JavaScript、TypeScript、React、Vue 等，并且可以与其他插件和工具集成，如 Webpack、Rollup 等。

7.Live Server（浏览器与代码更改同步刷新）

Live Server插件作用，创建本地开发服务器使Web项目进行预览，使浏览器与代码更改保持同步。不再需要手动刷新。当您存 HTML、CSS 或 JavaScript 文件时，它会自动更新您的浏览器，即时查看所做的更改。

8.open in browser（打开文件）

Open in Browser 插件允许你在编辑器中的 HTML、CSS、JavaScript 等文件上右键点击，并通过默认浏览器打开这些文件。你可以在 VS Code 中打开一个 HTML 文件，并在编辑器中右键点击该文件。在右键菜单中，你会看到一个 Open in Default Browser 的选项。选择该选项后，插件会自动使用你的默认浏览器打开该HTML文件，并在浏览器中显示其内容。

9.Eslint（错误标注）

Eslint插件可以发现代码中的错误和错误，从而使编码变得更好。它通过显示可能出现错误或警告的位置来帮助您避免错误。另外，它甚至可以自动修复这些问题。

10.Tabnine AI Autocomplete

作为代码编辑器的宝贵的人工智能工具，它利用深度学习来建议代码补全。凭借对 Python、JavaScript、Typescript、PHP、Rust、Go 和 Java 等多种编程语言的支持，TabNine 被证明是不可或缺的资产。
从代码生成和单元测试编写到文档创建和遗留代码解释，TabNine 提供全面的支持。