<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml xml:lang="zh">
<head>
<meta http-equiv="Content-Type" content="text/vnd.wap.wml; charset=utf-8"/>
<meta http-equiv="Cache-Control" content="no-cache"/></head>
<card title="Vim 的 CSS 颜色显示插件 - Gracecode.com">
<p>似乎很久没有关注 Vim 的动向了，在 <a href="http://www.vim.org/scripts/index.php" title="http://www.vim.org/scripts/index.php">Vim 脚本列表</a>中找到个非常好的 <a href="http://www.vim.org/scripts/script.php?script_id=2150" title="http://www.vim.org/scripts/script.php?script_id=2150">CSS 颜色显示插件</a>。</p>

<p>这个插件可以很直观的显示 CSS 文件中定义的颜色，如下图所示。这样我们就不用一边用 Vim 写 CSS ，一边查那该死的<a href="http://www.ilovejackdaniels.com/cheat-sheets/colour-chart/" title="http://www.ilovejackdaniels.com/cheat-sheets/colour-chart/">色表</a>了。</p>

<p><img src="http://pic.yupoo.com/feelinglucky/327435209e1d/medium.jpg" alt="http://pic.yupoo.com/feelinglucky/327435209e1d/medium.jpg" title="http://pic.yupoo.com/feelinglucky/327435209e1d/medium.jpg" /></p>

<p>安装这个插件非常简单，只要将<a href="http://www.gracecode.com/upload/2008_02_21/1203581267.zip" title="http://www.gracecode.com/upload/2008_02_21/1203581267.zip">这个文件</a>拷贝到</p>

<pre>$VIMRUNTIME/after/syntax/</pre><p>目录下就可以了（没有的话新建一个）。这样说可能不怎么直观，那么 Windows 用户拷贝到</p>

<pre>C:\Program Files\Vim\vimfiles\after\syntax\</pre><p>这个目录下（如果你是默认安装 Vim 的话）；而 *ix 系统用户则拷贝到</p>

<pre>$HOME/.vim/after/syntax/</pre><p>这里目录下就可以了。</p>


<p>
<a href="http://www.gracecode.com/wap/">Gracecode.com</a> |
<a href="http://www.gracecode.com/wap/d/977 ">Permalink</a>(<a href="http://www.gracecode.com/Archive/Display/977 ">xHTML</a>) |
<a href="http://www.gracecode.com/Trackback/Recieve/977/157y8m">Trackback</a> |
<a href="http://rss.gracecode.com">Rss</a>
</p>
</card>
</wml>