IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

让Vim(gvim)更好的支持javascript编程

Vimer 2010-04-09 09:10:39 累计浏览 6,939 次
本机暂存

最近工作比较忙,所以一直没有时间写vim相关的文章,今天写一篇,以飨读者。

貌似前台开发的同事都是不太喜欢用vim的,而喜欢用editplus,emeditor之类的,说起来我遇到vim之前也都用过一段时间,嗯,先不说啦,留在后面说。

Vim7默认就是支持javascript的,但我觉得还不够,还可以更多。
1)配色
vim对javascript的配色其实已经不错了,但是我对于js库大行其道的今天,没有对几个js库配色的支持,怎么对得起vim这个响当当的名字~,所以去www.vim.org上搜了一下,果然让我找到了jQuery的配色支持。
下载地址:http://www.vim.org/scripts/script.php?script_id=2416

把jquery.vim放到vimfiles\syntax目录,然后在vimrc中加入如下代码:

au BufRead,BufNewFile *.js set syntax=jquery

上图~~~
不加入jQuery配色:

wu_jquery

加入jQuery配色:

jquery

2)缩进
vim默认的javascript缩进实在不能让我满意,所以之前也用到过一个jsbeautify.vim,可以将整个js代码整体美化(包括自动折行等很好的功能),但是因为这个插件只能对整个文件操作,所以希望能找到类似与系统默认的==就可以缩进的插件。

那就是:javascript.vim ,下载地址:http://www.vim.org/scripts/script.php?script_id=1840

(注:http://www.vim.org/还有一个缩进的javascript.vim,下载地址是:http://www.vim.org/scripts/script.php?script_id=1936,我现在使用前面那个,读者可以自己试一下~)

将文件放到vimfiles\indent目录即可。
然后打开一个javascript文件,按下=G试一下吧~~

OK,先就写到这里吧。

同分类推荐文章

  1. translateZ() (2026-06-25 21:18:56)
  2. translateY() (2026-06-25 21:17:56)
  3. translateX() (2026-06-25 21:16:01)

查看更多 前端 文章 →

建议继续学习

  1. JQuery实现Excel表格呈现 (累计阅读 48,350)
  2. vim几个小技巧(批量替换,列编辑) (累计阅读 37,517)
  3. 简明Vim练级攻略 (累计阅读 22,278)
  4. 深入理解Javascript之执行上下文(Execution Context) (累计阅读 18,404)
  5. 从输入 URL 到页面加载完成的过程中都发生了什么事情? (累计阅读 15,933)
  6. Vim下的代码自动补全和代码跳转阅读 (累计阅读 15,349)
  7. 图片动态局部毛玻璃模糊效果的实现 (累计阅读 14,849)
  8. 天朝第二代身份证号码的验证机制 (累计阅读 14,762)
  9. HTML 5 的data-* 自定义属性 (累计阅读 14,349)
  10. 分享一个JQUERY颜色选择插件 (累计阅读 14,223)