下面由sublime教程欄目給大家介紹sublime text內運行怎么JavaScript(es6),希望對需要的朋友有所幫助!
前言
調試JS代碼經常是在瀏覽器中完成的, 如果編輯器也能完成部分的調試工作, 那我相信前端和node的世界將美好很多. OK, 先上圖:
實現
首先安裝nodejs
當然你可以使用其它諸如jsc之類的環境來運行js, 本文使用的是nodejs. 首先確保你的電腦已經安裝好nodejs, 并已將其添加到環境變量中 (一般安裝時自動添加或者詢問是否添加)
立即學習“Java免費學習筆記(深入)”;
添加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無法找到相應的文件.
以上.