Skip to main content

用 vim 写 javascript

首先语法高亮,这个必须的。vim 自带的那个 javascript 的文件太弱了,到这里下载,完了直接扔到 vim 的 syntax 目录下,然后,在 vimrc 文件里写上

let b:javascript_fold=1 "开启折叠
let javascript_enable_domhtmlcss=1 "启用对dom html css高亮支持

然后呢是语法检查,少写分号,会导致压缩脚本时出问题的,object 的属性多写逗号会在 IE 下报错的,这些可能是手误导致的问题,需要有一个工具提醒我们,下载它,接下来分别说一下 windows 下和 linux 下的配置。 linux: 下载源码包,解压

cd jsl
make -f Makefile.ref all
cd Linux_All_DBG.OBJ/
sudo cp jsl jscpucfg /usr/local/bin/
jsl -help:conf > ~/.jsl.conf #生成配置文件一般我喜欢把它放到个人目录下

window: 下载 window 的包,解压,随便放一个目录,我放在 d:\runtimes\jsl\下面,然后把这个路径加到系统 PATH 中,尽管网上很多说把它放到 vim 目录下,然后用$VIM 去写路径比较好,可是如果你需要在命令行下别的地方用到它,把它加到系统 PATH 中去也挺划算的。 上面的步骤只是搞 jsl 的环境,下面才是 VIM 的配置,下载它,然后扔到 vim 目录下的 plugin 中去。 linux 下修改 vimrc 文件(有同学反应不好使,已经改了)

let g:jslint_command = 'jsl'
let g:jslint_command_options = '-nofilelisting -nocontext -conf "/home/username/.jsl.conf" -nosummary -nologo -process'
map <F8> :call JsonLint()<cr>

window 下修改 vimrc 文件

map <F10> :call JavascriptLint()<cr>

这样你会发现保存 js 文件时会自动调用 jslint,修改.jsl.conf 文件中的一些选项让它更适应你的编程风格 最后来个自动补全吧,网上通常会把一个字典文件放在 dict 中,我比较常用的方法是打开当前文件时同时打开库文件,这样库里 函数都能补全,同时也很文件看库里函数的实现方式。其实想说的只是几个快捷键的使用,ctrl + n 和 ctrl + p 是最常用的,它在当前缓冲区、其它缓冲区,以及当前文件所包含的头文件中查找以光标前关键字开始的单词。 vim 中其它的补全方式包括:

整行补全 <strong>CTRL-X CTRL-L</strong>
根据当前文件里关键字补全 <strong>CTRL-X CTRL-N</strong>
根据字典补全 <strong>CTRL-X CTRL-K</strong>
根据同义词字典补全  <strong>CTRL-X CTRL-T</strong>
根据头文件内关键字补全 <strong>CTRL-X CTRL-I</strong>
根据标签补全 <strong>CTRL-X CTRL-]</strong>
补全文件名 <strong>CTRL-X CTRL-F</strong>
补全宏定义 <strong>CTRL-X CTRL-D</strong>
补全vim命令 <strong>CTRL-X CTRL-V</strong>
用户自定义补全方式 <strong>CTRL-X CTRL-U</strong>
拼写建议 <strong>CTRL-X CTRL-S</strong>
例如,当我们按下”CTRL-X CTRL-F“时,vim就会弹出下拉菜单,显示出当前目录下的可选目录和文件,这样,在输入文件名时方便多了。

参考