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

时间:2019-04-22 16:29:51

标签: html css vim syntax-highlighting nuxt.js

我正在尝试突出显示.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()

1 个答案:

答案 0 :(得分:0)

它实际上是在<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>