VScode中vue文件字体不能高亮显示

如果在 VS Code 中打开 Vue 文件后，没有高亮显示 Vue 文件中的代码，可以尝试以下方法：

1. 确认安装了 Vetur 插件：在 VS Code 中搜索 Vetur 并安装，该插件提供了对 Vue.js 项目的支持。

2. 确认文件类型识别为 Vue 文件：在 VS Code 中打开 Vue 文件后，右下角应该出现“Plain Text”字样，点击该字样可以更改文件类型为 Vue 文件。

3. 修改 VS Code 的设置：打开 VS Code 的设置（快捷键为 Ctrl + , 或者在菜单栏中选择“文件”->“首选项”->“设置”），在搜索框中输入“files.associations”，找到“File associations”一项，点击“Edit in settings.json”可以编辑设置文件，添加如下代码：

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

保存后，重新打开 Vue 文件即可看到高亮显示的代码。

如果以上方法都不能解决问题，可以尝试更新 VS Code 或者重装 Vetur 插件。