推荐13款常用的Vscode插件，提高前端日常开发效率

1. `Live Server`

Live Server 插件是一个用于前端开发的扩展，它的主要作用是提供一个本地开发服务器，以便实时预览和调试网页应用程序。其最大特点在于热重载，即开发者可实时预览代码效果。 因为Live Server 允许开发者在浏览器中实时预览您正在编辑的网页。每当保存HTML、CSS、Javascript文件时，该插件会自动刷新浏览器，以便开发者可以立即看到页面的更改效果。

2. `TODO Highlights`

TODO Highlights插件是一个用于帮助开发人员识别和管理代码中的待办事项的工具。该插件的主要作用是提供代码中注释中包含的待办事项的可视化标记，以便开发者更容易定位、跟踪和处理这些任务。

当使用todo或fixme标签后，可按下快捷键f1，然后选择all 或者todo即可查看当前项目中声明的标签信息。

3. `Markdown Preview Github Styling`

Markdown Preview Github Styling 的作用是改善和优化Markdown预览功能，使得开发者可以在VsCode 中实时预览.md文件的最终效果。除此外，其还具有如下特点：

预览实时更新：插件允许您在 VSCode 中编写Markdown文档，并实时预览渲染效果。每当您对文档进行更改并保存时，预览面板会自动更新，以便您可以立即查看您的编辑效果。
提高可读性：通过应用 GitHub 风格的样式，该插件可以使 Markdown 文档更易于阅读，特别是对于那些已经熟悉 GitHub 的用户。这对于编写技术文档、文档说明、README 文件等非常有帮助。
可配置性：插件允许您根据需要进行一些自定义配置，以适应不同的渲染需求。您可以根据自己的偏好设置不同的预览样式。

总之，Markdown Preview Github Styling 插件通过在VSCode中提供GitHub 风格的 Markdown 预览，提高了Markdown编辑和协作的效率。

4. `VsCode Icon`

VSCode Icons 插件是Visual Studio Code中的一个扩展，其主要作用是为文件和文件夹添加图标，以增强编辑器的可视化效果和可识别性。其可以为不同的文件或文件件添加不同的图标，进而确保项目结构清晰，项目结构易于理解。具体效果如下：

5. `Tabnine`

Tabnine 是一款强大的智能代码补全插件，可在 Visual Studio Code（VSCode）中使用。其主要作用是提供高效和智能的代码建议，以加速代码编写和提高代码质量。具体来看，Tabnine 主要有如下功能：

智能代码建议：Tabnine 使用机器学习和自然语言处理技术，分析您的代码并为您提供高质量的代码建议。这不仅包括常见的变量、函数和类名，还包括上下文感知的建议，可大大加速编码过程。
多语言支持：Tabnine支持多种编程语言，包括但不限于 Javascript、Python、Java、C++、Go 等。这使得它适用于不同类型的项目和开发任务。
实时建议：插件在您键入代码时实时提供建议，让您不必在每次需要时手动查找文档或库。这有助于减少拼写错误和代码语法问题。

6. `CodeSnap`

CodeSnap 是Visual Studio Code（VSCode）中的一个插件，其允许开发者选择要捕捉的代码段，并将其转换为图像格式。这样，开发者可以将代码示例分享给其他人，而不必以纯文本或代码文件的形式分享。

7. `CSS Pee`

CSS Peek 是 Vs Code中的一个插件，它的主要作用是帮助开发人员更轻松地查找和导航CSS样式表中的类、ID、选择器和样式定义。

8. `Javascript Code Snippets`

Javascript Code Snippets代码片段是一个 VS Code 扩展，它提供了使用 ES6 语法进行 Javascript 开发的代码片段集合。

此扩展包括循环、条件、函数等常见 Javascript 概念的片段，以及箭头函数、模板文字和解构等 ES6 特定功能。使用这些片段可以为开发人员节省大量时间，因为它无需手动为日常任务键入代码。

9. `Prettier - Code formatter`

Prettier 是 VSCode中常用的代码格式化工具，Prettier 插件的主要作用在于 代码自动格式化。Prettier 插件可以自动格式化您的代码，包括 Javascript、Typescript、JSON、CSS、HTML 等多种编程语言。无需手动调整缩进、换行和其他格式设置，Prettier 会自动为开发者处理。