在 Ubuntu 中的安装 Node.js + jslint.vim

Aug 24, 2012

TaobaoUED有篇不错的帖子这个话题: JavaScript语法检查插件 jsLint for Vim

文章中推荐的JavaScrpit引擎SpiderMonkey。不过年代久远,后续版本中Ubuntu也不内置支持SpiderMonkey,这对package的维护带来些许不变,好在我们可以用当前热门主流Node.js作为JS引擎。

1. 安装 Node.js

$ sudo apt-get install python-software-properties
$ sudo add-apt-repository ppa:chris-lea/node.js
$ sudo apt-get update
$ sudo apt-get install nodejs npm

2. 安装 JsLint

$ npm install jslint -g

之所以在全局环境中安装JSLint,是因为可以在shell脚本中直接使用jslint jsscript.js检查脚本文件。

3. 安装 Vundle 与 jslint.vim

jslint.vim是JSLint在Vim中的插件,只需在此处下载文件,解压后并放入ftplugin/文件夹即可,可是如此对插件的维护并不方便,我们使用Vunble安装此插件。

3.1 安装 Vundle

$ git clone https://github.com/gmarik/vundle.git ~/.vim/bundle/vundle

3.2 配置 Vundle

.vimrc文件中添加如下代码:

set nocompatible               " be iMproved
filetype off                   " required!

set rtp+=~/.vim/bundle/vundle/
call vundle#rc()

" let Vundle manage Vundle
" required! 
Bundle 'gmarik/vundle'

如此即安装好了Vunble插件。

Vundle的使用方法:

安装github中维护的Vim插件,只需在 .vimrc 文件中添加 Bundle '所有者\项目名' 即可,若要安装www.vim.org中维护的插件,则添加 Bundle 'vim插件名称' (安装页面最左上角的深蓝色名称),然后在Vim命令模式中运行:

 :BundleInstall

Vundle 便自动下载并安装好插件,十分方便。

2.3 安装 jsLint.vim

根据Vundle的使用方法,安装jslint.vim十分简单:在.vimrc中添加hallettj/jslint.vim,然后在Vim终端中运行

:BundleInstall

就安装好了。

4. jslint.vim的配置

装好即可用,这篇博客(墙)有不错的脚本,键调出JsLint的quickfix窗口,我把代码复制到这里供大家参考,添加进.vimrc文件中即可使用。

setlocal makeprg=jslint\ %
setlocal errorformat=%f:%l:%c:%m

let s:showMakeWnd = "0"
function! ToggleMake()
    echo "Make Wnd mode: " . s:showMakeWnd

    if s:showMakeWnd == "0"
        w
        silent make
        cw
        copen
        cc
    else
        cclose
    endif

    let s:showMakeWnd = (s:showMakeWnd == "0" ? "1" : "0")
endfunction

nmap <silent> <F5> :call ToggleMake()<CR>