Sublime Text 3運行JavaScript控制檯

JavaScript控制檯的調試和輸出在瀏覽器端的使用算是工做中經常使用了，做爲前端開發主力編輯器Sublime Text自己是不支持JavaScript的輸出和運行的。有的時候咱們須要看一下輸出的效果，不得不借助於F12查看控制檯的程序。做爲插件系統及其豐富的編輯器，咱們能夠經過添加Build System的方法來讓Sublime Text支持Javascript Console控制檯調試。

JSC方式（Mac OS X）

1.Mac內置了一個javascript控制檯程序，路徑比較深:

/System/Library/Frameworks/JavaScriptCore.framework/Versions/A/Resources/jsc

如圖所示:

 

2.啓動Sublime  Text，Tools > Build System > New Build System，以下圖所示:

3.配置選項內容，保存在默認的User目錄:

{
"cmd": ["/System/Library/Frameworks/JavaScriptCore.framework/Versions/A/Resources/jsc", "$file"],
"selector": "source.js"
}

如圖所示:

4.新建一個JS文件測試控制檯輸出效果,須要注意的是這裏使用debug，而不能使用Console.log，因此推薦咱們使用第二種使用NodeJS的方式；

NodeJS方式

1.下載安裝NodeJS，若是對於NodeJS安裝不熟悉的能夠參考本人以前博客；

2.重複JSC方式的第二步，在Build Sytem添加如下內容:

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

網上大部分的介紹都是這樣的，有的能成功，可是我是不幸運的那一部分，無法成功，若是你也沒有成功能夠參考如下方式，終端運行:

which node

獲取路徑以下:

/Users/keso/.nvm/versions/node/v0.12.7/bin/node

從新配置以下:

{
"cmd": ["/Users/keso/.nvm/versions/node/v0.12.7/bin/node", "$file"],
"selector": "source.js"
}

3.測試輸出效果:

經過這兩種兩種方式能夠減輕一部分開發工做，推薦第二種方式~