安装Vue相关扩展插件_安装_打开设置搜Vetur Validation

一、安装Vue相关扩展插件

打开VSCode，看到左边那个小图标栏吗？点击它，找到扩展图标。或者直接按快捷键，看看你的快捷键是什么。

在扩展商店里搜“Vetur”，这个就是Vue.js的专用插件啦。点一下“安装”按钮。

装完之后，Vetur就会自动启动，你的.vue文件就能有代码高亮、语法检查和自动补全等功能啦。

二、配置文件关联

为了让VSCode知道.vue文件是Vue的，得配置一下文件关联。

1. 点击左下角的齿轮图标进设置。
2. 搜索“files.associations”，找到“Files: Associations”。
3. 编辑settings.json，加这样几行：

"files.associations": {
  ".vue": "vue"
}

保存一下，VSCode就认得.vue文件啦。

三、启用Vetur插件

Vetur很强大，有模板语法高亮、类型检查、代码补全等功能。要开这些功能，你可能得调整一下设置。

1. 打开设置，搜“Vetur”。
2. 根据你的需要调整设置，比如想用自动补全，就把“Vetur: Completion: Use Scaffolding Snippets”勾上。

四、调整Vetur设置

根据你的项目，可能还需要进一步调整Vetur的设置。

1. 打开设置，搜“Vetur Validation”。
2. 想更严格检查语法，就把“Vetur: Validation: Template”打开。
3. 用TypeScript？别忘了把“Vetur: Use Workspace Tsdk”设置好。

这样一搞，你的VSCode就能识别Vue文件，给你提供各种代码辅助功能，让你开发Vue项目更高效。

FAQs