Change Sublime Text 3 to be an IDE for Javascript

Posted 2021-04-17 包包新服工作室

Sublime Text 3 是个强大的编码写作工作，同时也是可以改造为各种开发语言的IDE，近日在学习使用ES6的过程中，为方便调试，将其改造为可直接解释执行ECMAScript 6的IDE：

因目前JS一般只能在浏览器的内部执行，或是在NodeJS的服务端执行，考虑到NodeJS的可执行文件很小，可以将其安装在本地。最新稳定版本为8.1,最新功能版本10.0。

另外最新的Chrome (65/66)和 Firefox (58/59)已基本可以完全支持ES6的几乎全部功能了。

Windows: Download Node MSI or EXE installer ... from https://nodejs.org/, 

Linux : sudo apt-get install nodejs ( For Ubuntu or Debian series )

Steps:

1, start your sublime text 3, Tool --> New Build System , 

2, in the popped window, change the key item of "shell_cmd" to "cmd" , set its value to  ["/usr/bin/nodejs", "$file"]

3, save the file to javascript.sublimetext-build, there will be a new menu item in Tool Drop down menu.

4, Write down some ES 6 code in one new windows of Sublime Text 3 Windows with (Ctrl +N ) , like :

            let myset = new Set( [1,2,2,3,3,4,5,'abc']) ; 

            for (i of myset ) 

                     console.log(i)  ; 

    save the code to one file named like 'myfirst_es6.js', then Ctrl +B to build it.

you will get output windows with :

1

2

3

4

5

abc

.... OK