.html或.vue文件中Vim CSS样式语法突出显示不起作用

Question

我尝试在.html和.vue文件中突出显示CSS语法，但它不能像屏幕截图所示那样工作：https://i.ibb.co/XDFKwTx/Screenshot-from-2019-04-22-18-13-46.png

我尝试使用插件https://github.com/posva/vim-vue，但结果与原生HTML插件相同。

我的~/.vimrc：

syntax on
set number
filetype on
filetype plugin on
filetype indent on
set autoread
set encoding=utf-8
set fileencoding=utf-8
set fileformat=unix
set fileformats=unix,dos

autocmd BufNewFile,BufRead *.vue,*.ts: set filetype=html

call plug#begin('~/.vim/plugged')
Plug 'sgur/vim-editorconfig'
call plug#end()

Answer 1

它实际上链接到<template></template>标记中的Nuxt.js代码生成器。

之前：

<template>
  ...
  <a 
    href="https://github.com/nuxt/nuxt.js"
    target="_blank"
    class="button--grey"
    >GitHub<
  /a>

</template>

之后：

<template>
  ...
  <a 
    href="https://github.com/nuxt/nuxt.js"
    target="_blank"
    class="button--grey"
   >
    GitHub
   </a>

</template>