VSCODE vue代码补全

### 配置 VSCode 实现 Vue 代码自动补全

#### 安装 Vetur 插件
为了实现 `.vue` 文件中的代码自动补全功能，建议安装 `Vetur` 插件。该插件提供了对 Vue 组件的支持，包括语法高亮、Emmet 支持以及智能感知等功能[^2]。

#### 修改 settings.json 设置 Emmet 自动补全
为了让 HTML 代码能够通过 Tab 键完成自动补全，在全局或工作区级别的 `settings.json` 文件内加入特定配置：

{
    "files.associations": {
        "*.vue": "html"
    },
    "emmet.triggerExpansionOnTab": true,
    "emmet.includeLanguages": {
        "vue-html": "html",
        "vue": "html"
    }
}

上述 JSON 片段定义了当编辑器识别到 `.vue` 后缀文件时将其关联至 HTML 语言模式下处理，并启用了 Emmet 的快捷扩展特性[^1]。

#### 使用 vue2-snippets 或 html-snippets 插件增强体验
除了官方推荐的工具外，还可以考虑额外安装一些片段（snippet）类插件来进一步提升开发效率。比如 `Vue 2 Snippets` 可以为用户提供更多针对 Vue.js 开发场景下的模板支持；而通用型的 `HTML Snippets` 则适用于更广泛的 HTML 编写需求[^3]。