Sublime Text內運行怎么javascript(ES6)

前言

調試js代碼經常是在瀏覽器中完成的, 如果編輯器也能完成部分的調試工作, 那我相信前端和node的世界將美好很多. OK, 先上圖:

實現

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

以上.