玉伯的 TBCompressor 用于压缩 Javascript 和 CSS 文件非常的方便,不过虽然他提供了右键压缩的功能,但我还是希望在编辑文件的时候压缩,顺便就可以在编辑器中查看压缩结果。
于是就有了这个 Vim 小插件,主要的功能就是调用 TBCompressor,然后返回结果到 Vim 控制台中(以后的版本再考虑如何最优化的显示方案)。
在安装好玉伯的 TBCompressor 以后,再将这个插件扔到 Vim 的插件目录中即可。然后,在 VIMRC 中配置相应的选项
let g:tb_compressor_command = 'compressor.cmd'
如果觉得麻烦,就将 TBCompressor 目录扔到 PATH 中好了。批处理 compressor.cmd 中还有个 pause 命令,这个时候就可以注释掉啦。

调用方式就是在 normal 模式下按 \tc 就可以,当然也可以针对喜好自己定制下快捷键。最后,提供插件下载,欢迎提供意见和建议。
我们在编写 Javascript 时,Debug 是很痛苦的过程,而且有些语法问题虽使用 Firebug 能很快定位,但毕竟影响效率。
这里有个 Vim 插件,能使用 jsLint 帮助检查 Javascript 脚本中常见的语法错误,所以这篇文章可以帮助延长 F5 的寿命。

首先,下载 jsLint,解压缩到某个目录,然后将这个目录加入到 PATH 环境变量中。然后,下载 Vim 的 jsLint 插件,将它扔到 Vim 的 plugin 目录中即可。
当保存编辑好的 Javascript 文件时,插件就会调用 jsLint 检查文件是否存在语法错误。当然可以配置相应的配置选项(更多的选项可以参考其 Vim 插件脚本内容),例如
" 指定 jsLint 调用路径,通常不用更改
let g:jslint_command = 'jsl'
" 指定 jsLint 的启动参数,可以指定相应的配置文件
let g:jslint_command_options = '-nofilelisting -nocontext -nosummary -nologo -process'
" 插件的主要调用方式
autocmd BufWritePost,FileWritePost *.js call JsonLint()
其实核心函数是 JsonLint() ,所以可以绑定快捷键,用于在任何时候检查错误。例如
map <C-s><C-j> :call JsonLint()<cr>
这样同时按 Ctrl + S、Ctrl + J 就可以检查 Javascript 语法有无问题了。
-- 更新 --
发现个不大不小的问题。就是在 Windows 环境中如果 Vim 本身设置了 utf-8 编码,由于与控制台编码不一致(控制台为 gbk 编码)造成 Javascript 文件在中文目录下不能正确启动 jsLint。
这里有个不完全的解决方案,更改对应的代码(从 34 行开始,加入判断)
let jsl_command = g:jslint_command . ' ' . g:jslint_command_options . ' ' . current_file
if has("win32") && v:lang == 'zh_CN.utf-8'
let jsl_command = iconv(jsl_command, 'utf-8', 'gbk')
endif
let cmd_output = system(jsl_command)
if has("win32") && v:lang == 'zh_CN.utf-8'
let cmd_output = iconv(cmd_output, 'gbk', 'utf-8')
endif如果自行修改觉得麻烦,就用我的修改后的插件吧。
最近很多人被我“拉下水”尝试 (g)Vim,为了支持他们,我会编写些 Vim 脚本方便大家。
这里有个现成的需求,就是很多从 Editplus 转过来的同学,想让 Vim 有从模板新建文件的功能。那么,这篇文章可能就是你们想要的。
安装步骤
下载代码包以后,解压缩到 $VIMRUNTIME 目录。重新启动 Vim,输入
:NewTemplate xhtml
就可以建立个 XHTML 模板,如果是 Vim 7.0 以上的版本,还有个命令
:NewTemplateTab xhtml
即可在新的标签页中新建文件。当然可以映射快捷键,快速新建常用的文件类型,比如我的
" 新建 XHTML 的快捷键
map nn :NewTemplateTab xhtml<cr>
在 normal 模式下,连续按两次 n 就可以在新标签页建立 xhtml 文件了。
配置脚本
此插件文件的路径在
$VIMRUNTIME/plugin/Template.vim
下,主要有两个配置选项,默认为
let g:TemplatePath=$VIM.'/vimfiles/template/'
let g:TemplateCursorFlag='#cursor#'
其中,g:TemplatePath 为模板路径,而 g:TemplatePathCursorFlag 则为新建模板以后鼠标移动到的位置(如无指定,则移动到文件底部)。
增加模板
脚本支持用户新建模板,找到 g:TemplatePath 中的 xhtml.tpl 目录。参考其中的内容
<html>
...
<body>
#cursor#
</body>
</html>应该很容易理解。比如需要新建 python 模板。则在 g:TemplatePath 中建立 python.tpl 并加入 #cursor# 的位置即可。
- «
- 1
- 2
- 3
- 4
- 5
- 6
- »