vscode不支持nvue语法高亮的解决办法(图文详解)

项目场景：

项目场景：用vscode开发uniapp会遇到用.nvue开发的时候。但是vscode并没有提供.nvue的语法高亮，这篇文章给刚用vscode写.nvue的读者

问题描述

例如：vscode中使用*.nvue识别不出文件类型，没有语法高亮
如图：

原因分析：

我这里用的插件是vue3语法支持的Volar，网上铺天盖地的vetur解决方案，其实只要vscode配置一下就行

解决方案：

配置如图

解决效果