2021 年设置 Visual Studio Code 进行 Web 开发💻

结论

Visual Studio Code是一款精简的代码编辑器，支持调试、任务运行和版本控制等开发操作。它旨在为开发人员提供快速完成代码构建调试周期所需的工具。

VS Code 还具有内置的 git 集成和终端，因此您不必从一个窗口跳转到另一个窗口，并且它支持大量可用于更快开发的扩展。

因此，这里有一些最好的和流行的 vs 代码扩展，可以帮助您在 2021 年开始您的开发之旅。

•如何在 VS Code 中安装和浏览扩展。

您可以在 VS Code 中浏览和安装扩展。点击 VS Code 侧边活动栏中的扩展图标，即可调出扩展视图。

1.实时服务器

启动具有静态和动态页面实时重新加载功能的本地开发服务器。

2. Prettier

Prettier 是一款规范的代码格式化工具。它会解析你的代码，并根据自己的规则重新打印，同时考虑到最大行长，并在必要时进行换行，从而强制保持一致的风格。

3. CSS Peek 允许从 HTML 文件中获取 CSS ID 和类字符串的定义，并将其作为相应的 CSS 内容。允许查看并转到定义。

4.括号对着色器 此扩展允许用颜色识别匹配的括号。用户可以定义要匹配的字符以及使用的颜色。

5. Chrome 调试器 在 Chrome 浏览器或任何其他支持 Chrome 调试器协议的目标中调试您的 JavaScript 代码。

6. Visual Studio IntelliCode Visual Studio IntelliCode 扩展为 Visual Studio Code 中的 Python、TypeScript/JavaScript 和 Java 开发人员提供 AI 辅助开发功能，并结合机器学习，提供基于对代码上下文的理解的洞察。

7.项目管理器 帮助轻松地在项目之间切换。

8.更好的注释 通过使用警报、信息、TODO 等注释来改进您的代码注释！

9.高级新文件 帮助您通过键盘在工作区的任何位置创建文件。

10.自动重命名标签 自动重命名配对的 HTML/XML 标签。

11.更好地对齐 代码，使用冒号 (:)、赋值 (=,+=,-=,*=,/=) 和箭头 (=>) 对齐。此外，它还支持逗号优先的编码风格和尾随注释。

并且它不需要您选择要对齐的内容，扩展程序会自行解决。

12.书签 标记行并跳转到这些行。

13. CodeSnap 为你的代码截取漂亮的屏幕截图。📷

14. GitLens 增强 Visual Studio Code 内置的 Git 功能——通过 Git blame 注释和代码镜头一目了然地查看代码作者，无缝导航和探索 Git 存储库，通过强大的比较命令获得有价值的见解等等。

15. JavaScript（ES6）代码片段 ES6 语法中的 JavaScript 代码片段。

结论

在本文中，我与你分享了我最喜欢的 Visual Studio Code 扩展，它们将帮助你提升开发效率。此外，如果你是初学者，它或许能帮助你专注于学习编程，而不是寻找左括号或右括号。

我是否遗漏了什么？请在下方评论！

编码愉快！