提高编程效率的VScode插件

1.Prettier

Prettier 是一种广泛使用的采用代码格式化程序，在您的项目中强制执行一致的代码风格。它支持各种编程语言并根据预定义的规则自动格式化您的代码，从而增强可读性并减少与样式相关的冲突。
在这里插入图片描述

2.远程 SSH

Visual Studio Code 的远程 – SSH 扩展允许您使用安全 SSH 在远程服务器或虚拟机上工作协议。它使您能够直接从远程环境中的本地 VS Code 实例编辑文件、运行命令和调试应用程序，从而提供无缝的开发体验。
在这里插入图片描述

3.Live Share

实时分享通过允许您共享您的开发环境，实现与其他开发人员的实时协作。它允许共享编辑、调试和终端会话，促进有效的团队合作并实现无缝结对编程
在这里插入图片描述

4.Path Intellisense

Path Intellisense 通过为代码中的文件路径提供智能自动完成功能来简化文件路径输入。它可以消除拼写错误并确保在项目中引用文件或模块时的准确性。
在这里插入图片描述

5.vscode-icons

在这里插入图片描述

6.Live Server

Live Server 是一个很棒的扩展它允许您创建具有实时重新加载功能的本地开发服务器。它使您能够预览 HTML、CSS 和 JavaScript实时变化，省去您手动刷新浏览器的麻烦。
在这里插入图片描述

7.Auto Rename Tag

Auto Rename Tag 是一个方便的扩展，可以自动重命名 HTML 或 XML修改开始或结束标记时的标记。它可以节省您的时间并确保使用标记语言时的一致性。
在这里插入图片描述

8.HTML CSS Support

HTML CSS Support 扩展在 HTML 文件中提供增强的 CSS 支持。它为 CSS 属性提供智能建议和自动完成功能，确保更快、更准确的编码。
在这里插入图片描述

9.IntelliSense for CSS class names

在 HTML 中使用复杂的 CSS 类名称时，准确地记住和输入它们可能具有挑战性。 IntelliSense for CSS class names 扩展为 CSS 类名称提供智能建议和自动完成功能。它会分析您的 CSS 文件并提供可用类名称的列表，使您可以更轻松地选择适当的类名称，而不会出现拼写错误或错误。
在这里插入图片描述

10.CSS Peek

CSS Peek 是一个功能强大的扩展，它允许您直接从 HTML 或 JavaScript 代码查看关联的 CSS 样式，从而增强 CSS 开发。只需将鼠标悬停在 CSS 类或 ID 上，CSS Peek 就会在查看窗口中显示相应的样式，从而无需在文件之间切换。 CSS Peek 在处理大型代码库或复杂的 CSS 依赖项时非常有用。
在这里插入图片描述