SublimeText 下控制台输出JS代码结果

****场景****
最近想学点js代码,受够了慕课上提交代码的检验方式,已经安装sublime,但是他没办法在控制台上直接输出js代码运行结果,我们学习时候很不方便,于是寻找一下方案解决该问题。流程如下:
一、下载并安装node。node官网
二、启动Sublime Text,Tools > Build System > New Build System,如下图所示:

SublimeText 下控制台输出JS代码结果_第1张图片
Paste_Image.png

点击红色区域出现如页面,


SublimeText 下控制台输出JS代码结果_第2张图片
屏幕快照 2016-07-29 下午1.42.08.png

替换内部为

    "cmd": ["XXXX", "$file"],
    "selector": "source.js"

****注意:****XXXX为你本地node的路径,获取本地node路径方法:控制台输入which node如下图


SublimeText 下控制台输出JS代码结果_第3张图片
屏幕快照 2016-07-29 下午1.47.42.png

修改文件名,并保存。然后重启sublime,输入代码后保存(command+s)然后构建(command+b),就会看到结果如下


SublimeText 下控制台输出JS代码结果_第4张图片
屏幕快照 2016-07-29 下午1.49.41.png

****Windows环境下配置****
第一步、安装packgeControl(安装时候会出现pyv8安装包缺失的情况,你需要去github去下载一个安装包, 链接如下Pyv8),点击Preferences->Browse Packages 添加PyV8文件夹并将文件解压到该文件夹内。结果依然会提示package message报错。你需要的是 点击Preferences->Package Setting ->Emmmet 将复制Emmet Default的内容粘贴到Emme User文件中修改disable_pyv8_update": falsedisable_pyv8_update": true并保存.

SublimeText 下控制台输出JS代码结果_第5张图片
1.png

第二步、重复Mac机器下安装一二步,替换内部为

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

保存,并重启

success,如有问题请在下方留言。

你可能感兴趣的:(SublimeText 下控制台输出JS代码结果)