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进行运行。这样就能够成功打开我们的浏览器运行这个网页。