sublime text 内调试Javascript代码

　　转自：sublime内调试Javascript代码

　　之前用webstorm, 可以直接调试js, 在浏览器中也可以调试js，最近换了sublime text, 在想它是否支持调试js代码，于是找到了这篇文章。

　　实现
　　①安装nodejs
　　当然你可以使用其它诸如jsc之类的环境来运行js, 本文使用的是nodejs. 首先确保你的电脑已经安装好nodejs, 并已将其添加到环境变量中 (一般安装时自动添加或者询问是否添加)
　　②添加build system
　　在sublime text中依次打开Tools -> Build System -> New Build System... 粘贴以下代码后保存(如Node.sublime-build), 然后把Build System设成Automatic

{
　　　　"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 test中新建一个test.js文件, 然后输入你的测试代码, 比如:

for (let i = 0; i < 3; i++) {
　　　　console.log('i:', i);
}

　　使用快捷键ctrl + b, 将得到以下执行结果:

　

   i: 0
   i: 1
　 i: 2
　 [Finished in 0.1s]

　　

　　注: 文件必须是存在于磁盘中的, 而不是untitled的, 否则sublime无法找到相应的文件.