投身烈火
Keep Walking

简单解决vim打开.vue文件没语法高亮的问题

看vue源码的时候随手写了些测试的代码,发现.vue文件在vim里没高亮,查了下发现vue作者说如果想简单处理直接使用html的高亮就行。so,直接在.vimrc文件里面加一句:

1
au BufRead,BufNewFile *.vue set filetype=html

就ok了。

如果觉得html高亮还不够完美,也可以自定义高亮设置。

首先把之前.vimrc文件里的设置改为:

1
au BufRead,BufNewFile *.vue set filetype=vue

然后在 ~/.vim/syntax(没有自己新建一个)目录下新建文件vue.vim。让vue.vim继承html的高亮,在加上自定义的高亮就行了。

具体写法类似这样:

1
2
3
4
5
6
" version那里要换成自己的vim版本
runtime! /usr/share/vim/vim<version>/syntax/syntax/html.vim
let b:current_syntax = "vue"
" custom...

剩下的我就不嫌丑了,毕竟我vim还没玩儿到那么高阶……有兴趣的可以对比vue.tmLanguage和sublime自带的html.tmLanguage,看看哪儿不一样,再补充到刚才的vue.vim文件里。就这样了~ ╮( ̄▽ ̄)╭