visualstudio code安装 HTML

### 如何在 Visual Studio Code 中设置 HTML 支持和相关扩展

#### 安装 HTML 扩展包
为了增强对 HTML 文件的支持，在 Visual Studio Code 中可以通过安装特定的扩展来实现。通过按 `Ctrl + Shift + X` 或者 `Cmd + Shift + X` 来访问扩展市场，搜索框内输入 “HTML”，从中挑选合适的插件进行安装，例如由微软官方提供的“HTML Language Features for JavaScript and TypeScript”。此工具集成了基本语法高亮显示、标签自动补全以及属性建议等功能[^1]。

#### 配置编辑器设置以优化 HTML 编辑体验
对于希望进一步定制化开发环境的情况，可以在 VSCode 的 JSON 设置文件里加入一些有助于提高工作效率的参数。同样地，可通过快捷键组合 `Ctrl + Shift + P`(或 `Cmd + Shift + P`) 调出命令面板，接着输入 "Preferences: Open Settings (JSON)" 并选取对应条目进入全局/工作区级别的配置界面。针对 HTML 开发而言，可以考虑添加如下几项设定：

{
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode",
        "editor.formatOnSave": true,
        "files.associations": {
            "*.html": "html"
        }
    },
}

上述代码片段设置了默认格式化工具体为 Prettier，并启用了保存时自动格式化的功能；同时也明确了 `.html` 后缀名对应的文档类型关联。

#### 使用 ESLint 对 HTML 进行静态分析
如果项目中已经存在 ESLint，则还可以让其参与到 HTML 文件的质量控制过程中去。只需确保之前提到过的 `"eslint.validate"` 数组里面包含了 `"html"` 类型即可。