1:第一種方式
其實在 OSX 裏有一個javascript控制檯程序,它在
/System/Library/Frameworks/JavaScriptCore.framework/
Versions/A/Resources/jsc
裏。我們可以在終端裏直接運行這個程序,然後在終端進行調試。但我想要再Sublime Text中直接調試,這就需要爲Sublime
Text添加此Build System。
(1)打開Sublime Text,選擇 Tools > Build System > NewBuild System
(2)粘貼以下內容並保存爲JSC.sublime-build(名字不是固定的,可以自己取):
{
"cmd": ["/System/Library/Frameworks/
JavaScriptCore.framework/Versions/A/Resources/jsc",
"$file"],
"selector": "source.js"
}(3)在 Tools > Build System 裏選擇剛剛創建好的“JSC”,就可以調試了。
(4)在寫好的js文件中,使用快捷鍵Command + B按鈕進行調試。注意,使用JSC時,你需要用debug()替換console.log()函數。
2:第二種方式
利用 Node.js 添加 JavaScript 控制檯
(1)檢查是否安裝了Node在終端中運行 node -v 命令
(2)步驟和JSC相同,只不過將粘貼的內容換爲:
{
"cmd": ["node", "$file"],
"selector": "source.js"
}
(3)編輯好後保存爲Node.sublime-build或者其他的名字就可以了。
同樣,要使用,在 Tools > Build System 裏選擇剛剛創建好的“Node”,就可以調試了。
你需要做的就是在寫好js文件後,按下Command + B按鈕。在Node.js的情況下,你可以繼續使用console.log()函數。
3:第三種方式
我們也可以通過瀏覽器直接去解析js,我們下面再來配置一下通過瀏覽器來運行js。
(1)打開Sublime Text,選擇 Tools->BuildSystem->NewSystem,在裏面輸入以下內容,保存爲GO.sublime-build或者其它的名字。
{
"cmd":["open","-a","/Applications/GoogleChrome.app","$file"]
}(2)新建HTML文檔,輸入以下內容,命名爲Hello.html.
<html>
<body>
<script type=“text/JavaScript”>document.write(“javaScript”)
</script>
</body>
</html>(3) 之後,我們保存,Command + B進行運行。這樣就能夠成功打開我們的瀏覽器運行這個網頁。