让Vim支持html5

html5 呼之已出,众多的现代浏览器也已支持其大半新特性。

HTML5 语法高亮

网上已有让 Vim 支持新的标签和属性的语法文件,安装好语法文件即可正确的高亮显示 HTML5 标记和属性。

详细方法参考 VIM syntax highlight para HTML 5, 下载其 html.vim 语法文件, 放至 $VIM/vimfiles/syntax/ 目录下即可。

注:因为 html5 本身在不断更新,所以上面的脚本并不完整,我将持续关注并更新这个 html.vim 脚本。

html5 自动补全

不过貌似目前还未有让 Vim 完整支持 html5 自动完成(又称自动补全)之脚本。

我初步研究并修改了 $VIM/vim72/autoload/htmlcomplete.vim ,使其支持 html5 的自动完成。目前这个脚本逻辑基本可用,不过针对 html5 自动完成的数据 ( $VIM/vim72/autoload/xml/html5.vim )还在收集调整中, 我也趁此机会深入学习一些 html5 知识。

安装详情

htmlcomplete.vim 下载放至 $VIM/vim72/autoload/ 目录下,覆盖原文件即可, 再将 html5.vim 下载放至 $VIM/vim72/autoload/xml/ 目录下即可。

注:这个 html5.vim近期会做一些更新补充,以支持更完整正确的 html5 语法。

html5 合法性验证

参考我的前一篇 在 Vim 中验证 X/HTML, Javascript 和 CSS

Help
[count]gg 跳转到第 [count] 行,默认第 1 行。
[count]G 跳转到第 [count] 行,默认最后一行。
[count]j 向下跳转 [count] 行,默认跳转一行。
[count]k 向上跳转 [count] 行,默认跳转一行。
/ 开始搜索。按 <Esc> 退出。
gh 跳转到首页。
gb 跳转到博客首页。
gw 跳转到 Wiki 首页。
gt 跳转到我的 Twitter Profile 页。
gp 跳转到我的 Github Profile 页。
? 打开帮助。按 <Esc> 退出。