很棒的 Visual Studio Code 扩展

2025-06-04

很棒的 Visual Studio Code 扩展

图像的替代文本

什么是 Visual Studio Code?

Visual Studio Code 是微软为 Windows、Linux 和 MacOS 开发的源代码编辑器,它支持调试、嵌入式 Git 控制、语法高亮、智能代码补全、代码片段和代码重构。
我喜欢使用 Visual Studio Code 编写代码,以下列出了我最喜欢的扩展程序(无先后顺序)。

扩展

1在浏览器中打开

该扩展由TechER开发,它允许您在默认浏览器或应用程序中打开当前文件,最后您可以使用指定的浏览器打开 HTML 页面,安装后右键单击并选择“在默认浏览器中打开”,非常棒,不是吗?。

2缩进彩虹

此扩展使缩进更易于阅读,它在每个步骤中交替使用四种不同的颜色来对文本前面的缩进进行着色,oderwat开发了此扩展。

3支架对着色器

毫无疑问这是我最喜欢的扩展,这个扩展允许用颜色来识别匹配的括号,用户可以定义要匹配的字符以及使用的颜色,这个甜蜜的扩展是由CoeenraadS开发的。

4 个Javascript(ES6)代码片段

此扩展包含 ES6 语法的 Javascript 代码片段,由charalampos karypidis开发

5 个React Native 工具

此扩展为 React Native 项目提供了开发环境。使用此扩展,您可以调试代码,从命令面板快速运行 React Native 命令,并使用 IntelliSense 浏览 React Native API 的对象、函数和参数。它由Visual Studio Mobile Tools开发。

6 HTML5 样板

此扩展提供了所有 Web 应用程序使用的标准 HTML 样板代码,由sidthesloth开发。

7 TS(TypeScript)lint

将由egaama开发的 TypeScript 语言的 tslint linter 集成到 VS Code 中

8 个Angular v6 代码片段

此 Visual Studio Code 扩展为 TypeScript 和 HTML 添加了 Angular 的代码片段,由John Papa开发

如何安装扩展

1 启动 Visual Studio Code
2 启动命令Ctrl+Shift+p。3输入
Install Extensions 并选择“Extensions: Install Extensions”。4
输入您喜欢的扩展程序,然后从下拉菜单中选择“安装”。5
启动命令Ctrl+Shift+p,然后输入 reload window,选择它以重新加载 Visual Studio Code。
感谢阅读,祝您编码愉快!

文章来源:https://dev.to/bjhaid_93/awesome-visual-studio-code-extensions--40el
PREV
这些习惯将使你成为更好的开发人员
NEXT
一个满足您所有 API 需求的开源工具:APIC API 设计 API 测试 API 文档