轉-Sublime 添加控制檯

Sublime Text是深受喜歡的多語言編輯器,很多開發人員都選擇它作爲自己的主力編輯器進行創作,並且憑藉其強大的可擴展性,Sublime Text功能也越來越豐富。

但是有個問題,那就是Sublime Text不支持一些語言的運行,例如javascript,我們通常通過寫一個HTML頁面來嵌入JS,然後再用Chrome或者Firefox的開發者工具來調試。而實際上我們也可以通過添加Build System的方法來讓Sublime Text支持Javascript Console控制檯調試。

指引 / 跳至

利用 JSC 添加 JavaScript 控制檯 (Mac OS X)

實際上Mac內置了一個javascript控制檯程序,但是藏得太深,它在

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

裏。實際上你可以在終端裏直接運行這個程序,然後在終端進行調試。

爲Sublime Text添加此Build System,只需打開Sublime Text,選擇 Tools > Build System > New Build System... ,如圖所示

sublime build system

現在,粘貼以下內容並保存爲JSC.sublime-build,或者其他名字:

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

JSC build system

現在,在 Tools > Build System 裏選擇剛剛創建好的“JSC”,就可以調試了。

你需要做的就是在寫好js文件後,按下Command + B按鈕。

sublime javascript console

不過這裏也要注意,使用JSC時,你需要用debug()替換console.log()函數。

利用 Node.js 添加 JavaScript 控制檯

除了Mac的JSC,我們還有強大的Node.js。要使用此方案,請先下載並安裝Node.js

其他的步驟和上述基本一致,只是在編輯新的Build System時,要粘貼的內容是:

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

編輯好後保存爲Node.sublime-build或者其他的名字就可以了。

node.js build system

同樣,要使用,在 Tools > Build System 裏選擇剛剛創建好的“Node”,就可以調試了。

你需要做的就是在寫好js文件後,按下Command + B按鈕。

在Node.js的情況下,你可以繼續使用console.log()函數。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章