前言

調(diào)試js代碼經(jīng)常是在瀏覽器中完成的, 如果編輯器也能完成部分的調(diào)試工作, 那我相信前端和node的世界將美好很多. OK, 先上圖:

實(shí)現(xiàn)

首先安裝nodejs

當(dāng)然你可以使用其它諸如jsc之類的環(huán)境來(lái)運(yùn)行js, 本文使用的是nodejs. 首先確保你的電腦已經(jīng)安裝好nodejs, 并已將其添加到環(huán)境變量中 (一般安裝時(shí)自動(dòng)添加或者詢問(wèn)是否添加)

添加build system

在sublime text中依次打開(kāi)Tools -> Build System -> New Build System… 粘貼以下代碼后保存(如Node.sublime-build), 然后把Build System設(shè)成Automatic

{     "cmd": ["node", "--use-strict", "--harmony", "$file"],     "selector": "source.js" }

說(shuō)明

在以上的build文件中(Node.sublime-build), node是執(zhí)行命令, –harmony和–use-strict是執(zhí)行參數(shù), $file是當(dāng)前文件名, 所以一次build操作實(shí)際上相當(dāng)于在命令行中執(zhí)行了node --use-strict --harmony filename. --harmony表示啟用ES Harmony features, 而這些features目前只能在strict模式下運(yùn)行, 所以需要同時(shí)添加use-strict參數(shù)(詳見(jiàn)what-is-extended-mode).

如果不想啟用es6的特性,把build文件更改成以下代碼保存即可.

{     "cmd": ["node", "$file"],     "selector": "source.js" }

使用

在sublime test中新建一個(gè)test.js文件, 然后輸入你的測(cè)試代碼, 比如:

for (let i = 0; i < 3; i++) {     console.log('i:', i); }

使用快捷鍵ctrl + b, 將得到以下執(zhí)行結(jié)果:

i: 0 i: 1 i: 2 [Finished in 0.1s]

注: 文件必須是存在于磁盤中的, 而不是untitled的, 否則sublime無(wú)法找到相應(yīng)的文件.

以上.