zzxworld

Vim 添加微信小程序 wxml 和 wxss 代码高亮支持

一个微信小程序的页面默认有 4 种文件后缀:jsjson, wxmlwxss。前两个有对应的 VIM 高亮插件,后两个就没有了,在 Vim 中打开没有代码高亮效果。浏览这两个文件的代码会发现,其实就是 XML 格式和 CSS 格式的代码,所以在安装了 XML 和 CSS 高亮代码的前提下,只要简单两行配置就能解决高亮问题。

.vimrc 中添加这样两行代码:

autocmd BufNewFile,BufRead *.wxml set filetype=xml
autocmd BufNewFile,BufRead *.wxss set filetype=css

上面两行 Vim 配置把 .wxml.wxss 后缀的文件分别设置为 xmlcss 文件格式。所以打开它们时也会以相应的格式来高亮显示。

WXML 文件在 Vim 中的高亮显示