Sublime Text内调试JavaScript代码

之前测试一段js代码是否可行，是直接将其安插在HTML文件中，或者使用浏览器提供的调试工具。最近开始使用sublime，所以想尝试在sublime环境下直接调试。

Sublime Text不支持JavaScript运行，需要添加Build System来让Sublime Text支持JavaScript Console控制台调试。

利用Node.js添加JavaScript控制台

1. 下载安装Node.js。

2. 为Sublime Text添加此Build System。

打开Sublime Text，选择Tools > Build System (编译系统) > New Build System...粘贴以下代码后保存命名为Node.sublime-build或者其他，保存路径默认即可。

{　　　　

    "cmd": ["node", "--use-strict", "--harmony", "$file"],　　　　

    "selector": "source.js"

}

说明

在以上的build文件中(Node.sublime-build), node是执行命令, --harmony和--use-strict是执行参数, $file是当前文件名, 所以一次build操作实际上相当于在命令行中执行了node --use-strict --harmony filename。--harmony表示启用ES Harmony features, 而这些features目前只能在strict模式下运行, 所以需要同时添加use-strict参数(详见what-is-extended-mode。

如果不想启用es6的特性,把build文件更改成以下代码保存即可。

{　　　　

    "cmd": ["node",  "$file"],　　　　

    "selector": "source.js"

}

使用

在sublime text中新建一个test.js文件，输入测试代码并保存；使用快捷键ctrl+B得到测试结果。

注意

1. 文件一定要保存后才可编译，因为sublime要在磁盘中搜索文件而不是内存。

2. Node.js中要用console，node环境中没有alert。