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.测试输出效果:

经过这两种两种方式能够减轻一部分开发工做，推荐第二种方式~