vue之使用css-rcurlyexpected等less报错

之前使用webstorm进vue的开发，今天刚换成VScode发现一个问题，百度上的解法各不相同，错误如下：

错误分别是：

css-rcurlyexpected
at-rule or selector expected
Do not use empty rulesets

但是样式还是正常起作用了。百度了下有几种说法

1.setting.json里设置"vetur.validation.style": false,
2. style第一行加@charset “utf-8”;
但是这样主要的原因是页面语言模式设置有误，刚用默认.vue会设置成html模式，所以就会报错

点进去改成Vue模式就行了，问题完美解决！
还可以在setting.json里设置，让系统默认修改.vue文件的语言模式为vue

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