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.測試輸出效果:

通過這兩種兩種方式可以減輕一部分開發工作,推薦第二種方式~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM