Javascript Syntax Checking From Vim

31 August 2008 By Mike 90

Syntax checking from vim is handy. By checking your Javascript syntax from vim, rather than the browser, you'll save time and aggravation. To do it, you'll need Spidermonkey, which allows you to run Javascript without a browser, and JsLint, a Javascript syntax-checker writter in Javascript.

Installing Spidermonkey

Consult the build instructions page for installation instructions for many architectures, or use the quick instructions below for Ubuntu and Centos.

Quick install for Ubuntu

sudo apt-get install spidermonkey-bin.

Quick install for Centos 5

wget http://ftp.mozilla.org/pub/mozilla.org/js/js-1.7.0.tar.gz
tar zxvf js-1.7.0.tar.gz
cd js/src
make -f Makefile.ref
mv Linux_All_DBG.OBJ/js /usr/bin

Once you've installed Spidermonkey you'll be able to enter a Javascript shell by entering the command 'js' (exit with CTRL-d).

Setting Up JsLint

Next you'll need to download the JsLint Javascript syntax checking library. JsLint is composed of one Javascript file: fulljslint.js.

Download it and put it somewhere handy, for example:

wget http://www.jslint.com/fulljslint.js
mv fulljslint.js /home/admin/bin/js

Running JsLint

Next you'll need to add a Javascript file which will implement JsLint, using the technique outlined by Ian Bicking.

For example, I could create a file called runjslint.js like this as /home/admin/bin/js/runjslint.js:

load('/home/admin/bin/js/fulljslint.js');
 
var body = arguments[0];
 
var result = JSLINT(body);
if (result) {
 print('All good.');
} else {
 print('Problems:');
}
print(JSLINT.report());

This file, when ran using Spidermonkey, will check the syntax of Javascript data passed as a command line argument.

Integrating with Vim

Next you'll need to add a line to your .vimrc script to allow you to enter a command for syntax checking.

Here's an example that enables me to syntax check by typing ":js".

cabbr js !js /home/admin/bin/js/runjslint.js "`cat %`"

Formatting JsLint's Results

Last, but not least, you may want to add this Python script to change JsLint's results from HTML/CSS to plain text. Put this script in an appropriate place, for example '/home/admin/bin/python/format_lint_output.py'.

#!/usr/bin/python
import sys
import re
 
def format_lint_line(line):
 line = line.replace('<p>', '\n')
 line = line.replace('&nbsp;', ' ')
 return line
 
def remove_html_tags(data):
 p = re.compile(r'<.*?>')
 return p.sub('', data)
 
for line in sys.stdin:
 print remove_html_tags(format_lint_line(line)),

Change your .vimrc file to use it as a filter.

For example:

cabbr js !js /home/admin/bin/js/runjslint.js "`cat %`" \| /home/admin/bin/python/format_lint_output.py

Add new comment

90 comments on Javascript Syntax Checking From Vim

Pharma And Blogging Info (not verified)
Tue, 2010-07-13 00:49
I was visit here, this infi is very useful for me
- reply
Anonymous (not verified)
Thu, 2010-07-22 06:08
家出少女
 泊め男
 神待ち
 家出掲示板
 ハッピーメール
 ワクワクメール
 逆援dayppnee
逆援助交際
 セフレ
 出逢い
 逆援助
- reply

Anonymous (not verified)
Fri, 2010-06-18 04:09

北海道人妻掲示板
 青森人妻掲示板
 岩手人妻掲示板
 宮城人妻掲示板
 秋田人妻掲示板
 山形人妻倫掲示板
 福島人妻掲示板
 東京人妻掲示板
 神奈川人妻掲示板
 埼玉人妻掲示板
 千葉人妻掲示板
 茨城人妻掲示板
 栃木人妻掲示板
 群馬人妻掲示板
 山梨人妻掲示板
 新潟人妻掲示板
 長野人妻掲示板
 富山人妻掲示板
 石川人妻掲示板
 福井人妻掲示板
 愛知人妻掲示板
 岐阜人妻掲示板
 静岡人妻掲示板
 三重人妻掲示板
 大阪人妻掲示板
 兵庫人妻掲示板
 京都人妻掲示板
 滋賀人妻掲示板
 奈良人妻掲示板
 和歌山人妻掲示板
 鳥取人妻掲示板
 島根人妻掲示板
 岡山人妻掲示板
 広島人妻掲示板
 山口人妻掲示板
 徳島人妻掲示板
 香川人妻掲示板
 愛媛人妻掲示板
 高知人妻掲示板
 福岡人妻掲示板
 佐賀人妻掲示板
 長崎人妻掲示板
 熊本人妻掲示板
 大分人妻掲示板
 宮崎人妻掲示板
 鹿児島人妻掲示板
 沖縄人妻掲示板
 北海道不倫掲示板
 青森不倫掲示板
 岩手不倫掲示板
 宮城不倫掲示板
 秋田不倫掲示板
 山形不倫掲示板
 福島不倫掲示板
 東京不倫掲示板
 神奈川不倫掲示板
 埼玉不倫掲示板
 千葉不倫掲示板
 茨城不倫掲示板
 栃木不倫掲示板
 群馬不倫掲示板
 山梨不倫掲示板
 新潟不倫掲示板
 長野不倫掲示板
 富山不倫掲示板
 石川不倫掲示板
 福井不倫掲示板
 愛知不倫掲示板
 岐阜不倫掲示板
 静岡不倫掲示板
 三重不倫掲示板
 大阪不倫掲示板
 兵庫不倫掲示板
 京都不倫掲示板
 滋賀不倫掲示板
 奈良不倫掲示板
 和歌山不倫掲示板
 鳥取不倫掲示板
 島根不倫掲示板
 岡山不倫掲示板
 広島不倫掲示板
 山口不倫掲示板
 徳島不倫掲示板
 香川不倫掲示板
 愛媛不倫掲示板
 高知不倫掲示板
 福岡不倫掲示板
 佐賀不倫掲示板
 長崎不倫掲示板
 熊本不倫掲示板
 大分不倫掲示板
 宮崎不倫掲示板
 鹿児島不倫掲示板
 沖縄不倫掲示板
 地域別人妻掲示板
 地域別不倫掲示板
 地域別人妻不倫掲示板
 全国人妻不倫掲示板
 人妻
 人妻出会い
 人妻無料出会い
 人妻出逢い
 人妻無料出逢い
 人妻出合い
 人妻無料出合い
 人妻不倫
 不倫パートナー
 人妻援助交際
 人妻パラダイス
 人妻不倫
 人妻掲示板
 若妻
 若妻不倫
 若妻出会い
 若妻出逢い
 若妻出合い
 若妻無料出会い
 若妻無料出会い掲示板
 地域別若妻無料出会い
 若妻不倫掲示板

Anonymous (not verified)
Tue, 2010-06-15 13:39

健康維持週刊ST カービュー査定皇潤アンチエイジング英単語暗記フェルガード大和うどん学校髪悩み EGF Silky 建機査定眼精疲労デトックスお茶 PRO BIO ブルーベリーエキスビーグレン e英会話ツインビートＥＧＦロリポップ smile 女神の泉健康シニア美顔器効果スーパーエルマーみみ太郎ディズニー英語 masana Ｏｉｓｉｘツヴァイ六単塾英文多読 bradley 引越しミシュランインターリンク beagle TOEIC スコア日雇いバイトプラセンタ効能セルライトしみ対策アスタカシス・アイ英単語暗記ホホバオイルオンライン英会話物忘れ小顔ジャパンタイムズやずやの香醋キャセック炭倶楽部廃車の鉄人ボイセンベリー補聴器エステナードソニック英語リスニング VistaPrint ビーグレン節々の痛み００１レンズ有機野菜

Anonymous (not verified)
Fri, 2010-06-11 17:11

bed & breakfast Barcelona

Chris (not verified)
Fri, 2010-05-28 20:18

evet senin yorum için site yöneticisinden öncelik teşekkür ederim. Gerçekten çok iyi bir bilgi paylaşımı seni ele veriyor.
bilgi teşekkür
İkinci El Eşya
href="http://www.ikincielesyalar.com">
İkinci ElSpot Eşyalar
İkinci El Eşya
Spot İkinci El Eşya
İkinci El Eşya
İkinci El Eşya alanlar
İkinci El Eşya
İkinci El Eşya
İkinci El Eşya alanlar
İkinci El Eşya
Spot Eşya
spot esyalar
İkinci El Eşya Alim Sektörler

Anonymous (not verified)
Thu, 2010-05-20 22:01

thank's for sharing this!it'a great post!

dfdfd (not verified)
Wed, 2010-06-02 12:08

出会い
 ガルバチョフ
 出会い
 出会い
 逆援助、セフレ
 スリープ
 朝日
 人に頼らずいきていく！
わんこ
 シビれたドラマ日常
 メル友
 出会い
 セフレ
 家出
 エッチ
 エッチ
 メル友
 恋愛ってむずかしい
 セフレ
 あやねのいやな事からの逃走記
 出会い
 家出セフレの援助交際
 熟女

Anonymous (not verified)
Sat, 2010-05-29 08:49

Anonymous (not verified)
Thu, 2010-05-20 22:00

thank's for sharing this!it'a great post!

流水线 (not verified)
Sun, 2010-05-09 09:40

流水线，天元设计制造各种工业流水线.

beton amprentat (not verified)
Tue, 2010-04-20 12:34

Thanks for the post!
beton amprenat

Anonymous (not verified)
Sun, 2010-05-02 03:07

出会い掲示板
 無料出会い掲示板
 人妻出会い
 援交
 逆援助
 逆援助交際
 援助交際
 クレジットカード現金化
 現金化
 ショッピング枠現金化
 神待ちmasuo
家出掲示板
 家出サイト
 泊め男
 メル友募集
 メル友掲示板
 メル友

童貞 (not verified)
Sat, 2010-07-03 09:05

メル友
 セフレ
 セフレ掲示板メル友募集掲示板
 hなメル友募集掲示板
 メル友募集掲示板
 メル友募集掲示板
 メル友募集掲示板出会い掲示板
 出会い系サイト
 出会い系
 出会い系
 出会い系家出掲示板
 家出サイト
 家出少女掲示板

Mike Cantelon