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無法找到相應的文件.