vscode的前端常用插件

在 VS Code 中开发 Vue ，以下插件能提升开发效率和体验：

HTML 相关插件

1. HTML CSS Support

• 在 HTML 文件中智能识别 CSS 选择器，支持自动补全 class 和 id。

• 适用于 Vue、React、Angular 项目。

2. Auto Rename Tag

• 自动同步修改 HTML/Vue 代码中的标签对，提高开发效率。

3. Auto Close Tag

• 自动补全 HTML 标签，减少输入错误，提高开发速度。

4. HTML Snippets

• 提供丰富的 HTML5 代码片段（snippets），例如 html:5 快速生成 HTML 结构。

5. Live Server

• 启动本地开发服务器，支持 HTML/CSS/JS 实时预览和自动刷新。

6. HTML to JSX/Vue

• 将 HTML 代码转换为 Vue 或 React 组件，适合前端框架开发者。

7. Path Intellisense

• HTML 中的 src 和 href 路径自动