Sublime Text 3运行JavaScript控制台

2024-04-03 08:22:54

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

通过这两种两种方式可以减轻一部分开发工作，推荐第二种方式~

Sublime Text 3运行JavaScript控制台相关推荐

mac中sublime运行html,Mac系统下Sublime Text直接运行JavaScript调试控制台
两种方式 1.利用JSC添加JavaScript控制台其实在 OSX 里有一个javascript控制台程序,它在 /System/Library/Frameworks/JavaScriptCore ...
Sublime Text 3运行PyQt5代码不能显示窗口
Sublime Text 3运行PyQt5代码不能显示窗口问题: 在Sublime Text 3中写了PyQt的GUI代码,Ctrl+B可以运行,但是不能显示窗口. 解决: 在C:\Users\Ca ...
Sublime Text 之运行 js 方法
原文地址:http://www.cnblogs.com/52cik/p/sublime-runjs.html 昨天说完<Sublime Text 2 绿化与汉化 [Windows篇]>,今 ...
sublime运行python代码python没显示_解决windows下Sublime Text 2 运行 PyQt 不显示的方法分享...
解决方案搜了一下,找到一个 Linux 下的解决方案,如下所示: Sublime Text2 运行pySide/pyQt程序的问题 Ctrl-B后,界面不会弹出来,但是后台进程里面有"py ...
Sublime Text 编译运行Java
在技术选型阶段经常需要针对一些Java语言特性或功能做一些demo,目的是验证核心特性或功能与排除一些疑问点,是非例行性活动:当有验证活动时,我们一般会期望能够立即开始,而不是打断当前的思路花时间去准 ...
sublime运行python代码,如何从Sublime Text 2运行Python代码？
I want to set up a complete Python IDE in Sublime Text 2. I want to know how to run the Python code ...
Sublime Text正确的打开方式
安装package control插件安装完sublime 之后第一步就是先安装package control插件,去这个网址https://packagecontrol.io/installati ...
python3 rid1.7.4.2 控制台中文乱码_TL;DR - 有关 Python 2 和 Sublime Text 中文 Unicode 编码问题的分析与理解...
TL;DR 问题背景: 相信很多用 Sublime Text 来写 Python 2 的同学都遇到过以下这个问题(例如这位同学 /t/100435 和这位同学/t/163012 ): 在 Sublim ...
C++代码在Sublime Text 3中编译和运行
Sublime Text 3中编译和运行前言以下可以避免因编码问题导致的乱码现象前言在数据结构代码的编写中,我选用了优秀的编辑器Sublime Text 3,但是在实现C++代码的编译和运行上 ...

最新文章

热门文章