本文介绍如何在 Vim 编辑器中实现 CSS 颜色代码的实时预览功能，通过安装并配置插件 vim-css-color，前端开发者可以在 Vim 中获得与 IDEA 类似的颜色显示效果。
在idea中开发的时候，写css样式表的时候会直接显示出颜色，很方便。最近把前端开发移到vim中了，想实现类似的功能。
我喜欢它的两点原因：
- 可以直观的看出来表达颜色的字符串代表的是什么颜色。
- 写代码的时候，可以分辨出颜色代码是否写错了。
vim-css-color
项目主页：
https://github.com/ap/vim-css-color
安装方法vim-plug为例：
"显示css的颜色代码的颜色
Plug 'ap/vim-css-color'
安装完成不用做配置，重启vim就可以使用了。
总结
简单实用的一个小工具。
美中不足的是，可能受终端的颜色限制，实际显示出来的颜色与代码中的颜色会有色差。
测试结果如下图所示：
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
