Javascript Syntax Checking From Vim

31 August 2008 By Mike 50

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

50 comments on Javascript Syntax Checking From Vim

テレホンセックス (not verified)
Tue, 2010-03-09 09:17
テレホンセックス
 テレホンセックス
 テレホンセックス
 テレホンセックス
 テレホンセックス
- reply
afdvzxc (not verified)
Tue, 2010-03-09 02:57
友田真希
 夏目ナナ
 中川瞳
 中野美奈
 長瀬愛
 南波杏
 原千尋
 みずき紗英
 愛内梨花
 愛沢蓮
 葵ぶるま
 蒼井怜
 麻倉まみ
 麻田有希
 朝日奈あかり
 あすか伊央
 麻生香月
 天川るる
 雨音レイラ
 綾波優
 桜川とう美
 乙井なずな
 音羽かなで
 三浦沙耶香
 三宿ジュン
 山口まゆ
 七海菜々
 若菜ひかる
 若瀬七海
 若葉ひな
 秋菜楓
 秋本優奈
 松浦美和
 松岡理穂
 松島杏
 上原のぞみ
 板垣あずさ
 伊東遥
 糸矢めい
 稲森しほり
 うるみゆう
 大石もえ
 大沢佑香
 大塚ひな
 大橋未久
 小川あさ美
 小沢菜穂
 小澤マリア
 可愛カナ
 妃すみれ
 北原多香子
 栗林里莉
 黒川きらら
 黒木アリサ
 香坂美優
 光月夜也
 小峰ひなた
 三枝実央
 坂井優羽
 桜木凛
 桜リエ
 彩月あかり
 篠崎ミサ
 鈴木ミント
 瀬尾えみり
 芹沢恋
 辰巳ゆい
 長澤つぐみ
 夏川えり
 夏咲まりみ
 七海なな
 並木優
 波多野結衣
 花木あのん
 葉山潤子
 藤井シェリー
 藤崎セシル
 松下桃香
 水沢真樹
 八乙女かのん
 矢口美里
 矢沢のん
 結希レイナ
 相崎琴音
 愛菜りな
 蒼井そら
 青木りん
 青木玲
 青山菜々
 青山ゆい
 紅音ほたる
 浅倉彩音
 麻美ゆま
 明日花キララ
 彩花ゆめ
 綾瀬しおり
 綾瀬メグ
 鮎川なお
 鮎川るい
 生田沙織
 石川鈴華
 乙音奈々
 風間ゆみ
 かすみ果穂
 加藤ツバキ
 神谷りの
 川上ゆう
 川瀬さやか
 川峰さくら
 神崎美樹
 きこうでんみさ
 如月カレン
 希志あいの
 北島玲
 北原夏美
 君野ゆめ
 桐島ひかり
 くるみひな
 黒木小夜子
 小池絵美子
 小泉梨菜
 向坂美々
 香坂百合
 小坂めぐる
 琴乃
 小西那奈
 今野梨乃
 早乙女ルイ
 酒井ちなみ
 坂本梨沙
 櫻井ゆうこ
 桜庭彩
 佐藤江梨花
 佐藤美紀
 真田春香
 佐山愛
 志村玲子
 翔田千里
 白鳥美鈴
 鈴木杏里
 澄川ロア
 瀬名涼子
 高倉梨奈
 高坂保奈美
 高瀬七海
 小鳥遊恋
 竹内あい
 竹内順子
 橘れもん
 茅ヶ崎ありす
 アダルトビデオ

つかもと友希
 辻さき
 友田真希
 nao.
永瀬あき
 中森玲子
 灘坂舞
 波風きら
 西野翔
 二宮沙樹
 乃亜
 葉月奈穂
 初音みのり
 花井メイサ
 花野真衣
 花宮あみ
 羽田夕夏
 浜崎りお
 早川瀬里奈
 桜朱音
 桜田さくら
 白石ひとみ
 涼果りん
 涼風杏菜
 高原彩
 立花里子
 堤さやか
 三上翔子
 美神ルナ
 美竹涼子
 持田薫
 紋舞らん
 矢藤あき
 高樹マリア
 あいかわゆら
 いとうしいな
 かわい愛
 しいないおり
 みさき優香
 みわゆうこ
 むらさき真珠
 愛沢ひな
 逢乃うさぎ
 葵あげは
 綾瀬はるな
 綾波セナ
 鮎川香織
 安田みらい
 原更紗
 春風えみ
 春咲あずみ
 範田紗々
 妃乃ひかり
 平井綾
 冬月かえで
 星野あかり
 ほしのみゆ
 穂花
 堀口奈津美
 町村小夜子
 松浦ユキ
 松島かえで
 松嶋れいな
 松野ゆい
 松本亜璃沙
 美花ぬりぇ
 岬リサ
 水元ゆうな
 蜜井とわ
 南つかさ
 南まりん
 峰なゆか
 みひろ
 宮崎あいか
 村上里沙
 村上涼子
 持田茜
 望月加奈
 桃咲まなみ
 桃瀬えみる
 柳田やよい
 山口玲子
 夢見ほのか
 吉崎直緒
 吉沢明歩
 Rio
安奈とも
 杏珠
 伊川なち
 伊沢千夏
 伊東あいり
 衣川由衣
 雨宮かおる
 夏樹りさ
 夏川ローサ
 夏目ゆい
 華美月
 吉川マリ
 宮條優子
 橋岡麻衣
 玉置マリア
 芹沢直美
 月野はるか
 広瀬友莉子
 高岡初美
 高井七海
 高原ジュリ
 合沢萌
 彩倉なほ
 上原鈴華
 上野美咲
 森永みか
 森原リコ
 森咲小雪
 森村はるか
 深沢芹香
 真壁りの
 真木あんな
 水橋みく
 水原みなみ
 水咲ありみ
 水沢ダイヤ
 水沢真奈
 水谷桃
 水嶋友穂
 水野あすみ
 水野はるき
 水野栞
 瑞樹なな
 杉森風緒
 小沢なつき
 小沢まどか
 小沢菜穂
 大空あすか
 菅野亜梨沙
 和希結衣
 金沢文子
 薫桜子
 神谷沙織
 神谷姫
 神田もも
 川島和津実
 加山なつこ
 喜田嶋りお
 北島優
 黒沢愛
 草刈らら
 古都ひかる
 星野彩
 西田舞
 青山まりあ
 雪見ほのか
 雪村なつみ
 浅見怜
 前嶋美歩
 早川凛
 相川奈々
 蒼月りこ
 黛はるか
 大城舞衣子
 池上美沙
 池野心
 仲村もも
 長谷川陽子
 長峰ルミ
 辻あずき
 天乃みお
 田原あゆみ
 桃井りか
 藤沙月
 藤崎みなみ
 藤崎楓
 藤森ねね
 藤沢理名
 藤本美羽
 瞳れん
 南原香織
 南野ひとみ
 日向ゆみ
 日高ゆりあ
 日野うらら
 畑野まゆみ
 美月れいな
 美森ここ
 美波さら
 百瀬まひる
 楓アイル
 平山たかね
 宝生瑠璃
 本上花梨
 麻生岬
 夢見あい
 明乃夕奈
 鳴海すず
 野村レナ
 矢吹まりな
 有希りか
 柚木あや
 柚木ティナ
 立花もえ
 立花瞳
 鈴夏ゆらん
 蓮見ゆい
 愛川瞳
 あいか瞬
 あいだもも
 あいだゆあ
 あんずさき
 綾見志穂
 綾乃梓
 安部ちなつ
 甘衣かおり
 紅月ルナ
 彩名杏子
 秋菜里子
 青山遥
 赤坂ルナ
 相田すみれ
 朝河蘭
 朝岡実嶺
 天衣みつ
 天海麗
 伊東怜
 飯島愛
 飯島恋
 うさみ恭香
 折原純子
 及川奈央
 小倉ありす
 倖田梨紗
 小森美王
 小泉キラリ
 小森美樹
 小泉彩
 小町ななみ
 横山あさ美
- reply
Ella (not verified)
Fri, 2010-02-26 07:15
Your post have been very useful and very detailed.
Thank you for sharing this!
This would greatly help people who wants to learn this programming language. :) :)

Cudahy Ca Homes For Sale | Ca Homes For Sale | Ca Homes For Sale | DANVILLE Ca Homes For Sale | DUBLIN Ca Homes For Sale | GARDEN GROVE Ca Homes For Sale | LA PUENTE Ca Homes For Sale | LIVERMORE Ca Homes For Sale | MILPITAS Ca Homes For Sale | MISSION VIEJO Ca Homes For Sale | ORANGE Ca Homes For Sale | PETALUMA Ca Homes For Sale | REDONDO BEACH Ca Homes For Sale | SAN LEANDRO Ca Homes For Sale | South Pasadena Ca Homes For Sale | TURLOCK Ca Homes For Sale | TUSTIN Ca Homes For Sale | WEST HOLLYWOOD Ca Homes For Sale | Cudahy Ca Foreclosures | Ca Foreclosures | Ca Foreclosures | DANVILLE Ca Foreclosures | DUBLIN Ca Foreclosures | GARDEN GROVE Ca Foreclosures | LA PUENTE Ca Foreclosures | LIVERMORE Ca Foreclosures | MILPITAS Ca Foreclosures |
- reply
Anonymous (not verified)
Tue, 2010-02-16 05:28
It is a very important source . Thanks.vanzari auto dezmembrari masini piese auto ieftine asigurari auto ieftine piese auto import rca ieftin
- reply
广告联盟 (not verified)
Sat, 2010-02-20 09:18
外汇保证金交易是利用外汇而进行的交易
环球外汇交易在世界最受欢迎的外汇交易
- reply
逆援助 (not verified)
Fri, 2010-02-19 10:08
逆援助素人即ハメで逆援助出会素人娘をセレブ女性出会いすることにより無料逆￥逆援が起きてしまうかも。しかし逆援助交際セレブは逆援助交際セフレとは違い悪質サクラ撲滅なんてこともありえる。注意しないと出会い系コミュニティであってもサクラ出会い系はありえるので優良出会いサイトは慎重に選ぶべきかも。出会える無料出会い系は確実にある。風俗ヘルス出会い系という便利なサイトもある。無料出会い系デリヘルは非常に楽しめるサイトだ。なぜなら出会い系風俗体験攻略は非常に簡単だからである。即会いデリヘルセフレ体験も貴重なもので無料デリヘル恋愛ヘルスなんて言葉もある。女性携帯写メ投稿掲示板ではエロ写メールＢＢＳと並んで大人気で自撮り女性エロ写メ投稿が毎日のように行われている。素人娘エロ写メ投稿は見るのが本当に楽しい。過激な上にエッチ画像投稿写真エロ写メがタダで手に入ってしまうなんておいしすぎるよ。無料出会い系掲示板は王道の出会い系である。無料出会いサイトは昔からあって出会った男性は数知れず。出会い系無料攻略を学んで無料出逢い系喫茶カフェのように楽しい無料出逢い系サイトをやっていこう。
- reply
Anonymous (not verified)
Mon, 2010-02-22 11:59
出会い系
 セフレ
 セフレ

出会い系
 セフレ
 セフレ
 出会い系
- reply

noucktourno (not verified)
Fri, 2010-02-12 08:31

I especially found it interesting. For this matter, once I discussed with one of my friends, not only about the content you talked about, but also to how to improve and develop, but no results. So I am deeply moved by what you said today.
Pariuri Sportive Biletul Zilei Steroids Buy