首页 » Web技术 » HTML/CSS » 正文

在Sublime Text创建一个JavaScript控制台

JavaScript控制台可以方便的调试你的脚本,并获得结果。虽然Sublime Text为许多其他脚本内置了Build Systems,但并没有为JavaScript内置Build Systems。一般人都会创建一个.html文件,把.js文件引入进去,然后用浏览器的控制台来检查你脚本的运行结果。你需要不断的切换窗口、刷新浏览器。幸运的是,你可以简单快速的为Sublime Text创建一个JavaScript Build Systems。

今天只分享一种通过Node.js来实现的方法,如果你是用的Mac OS X系统,还有一种通过JSC来实现的方法,这里就不做分享了。

Node.js是一个在服务器上可以用来运行JavaScript的平台。然而,你也可以把它安装到本地计算机上,提供一种比使用浏览器相对来说简单一点方法来运行JavaScript并获得结果。

一、创建Build System

1. 下载并运行Node。安装过程全部使用默认项。

2. 打开“Tools”–“Build System”–“New Build System”。

New Build System

3. 清空Sublime Text打开的窗口,并把下面的代码粘贴进去。

{
    "cmd": ["node.exe", "$file"],
    "selector": "source.js"
}

4. 按 Ctrl+S 保存文件,把文件保存在默认的User文件夹下,命名为“node.sublime-build”。现在你已经完成创建Build System来了。

二、使用

1. 在Sublime Text中打开你想运行的JavaScript文件。

2. 打开“Tools”–“Build System”–“Node”,即你刚刚创建的Build System。

3. 使用 Ctrl+B 或者工具栏中“Tools”下的“Build”运行你的JavaScript脚本。现在窗口的底部就会出现一个控制台,显示你脚本的运行结果。

Result

如果不能正常运行,请检查是否正确安装Node.js,如果安装正确,检查是否已经把安装路径添加到环境变量中(默认应该是已经添加进去了)

via: wikiHow


该篇属于专题:《Sublime Text 技巧

本文共 4 个回复

  • Graham 2016/10/12 18:23

    如果安装正确,检查是否已经把安装路径添加到环境变量中(默认应该是已经添加进去了),我的系统环境是mac os,用homebrew安装的node,可用,但是在sublime上建的js build环境却不可用,请问怎么检查已把安装路径添加到哪个环境变量中?

    • Specs 2016/10/12 23:15

      @ Graham Mac 应该是在的,命令行输入 node 可以直接允许就是在环境变量里了。你可以打开 Sublime text 控制台看看报错

      • Graham 2016/10/13 17:23

        @ Specs error:[Errno 2] No such file or directory: 'node.exe'[cmd: ['node.exe', '/Applications/XAMPP/xamppfiles/htdocs/xxx/xx/xx/xx/xx/js/xx.js']][dir: /Applications/XAMPP/xamppfiles/htdocs/xx/xx/xx/xx/xx/js][path: /usr/bin:/bin:/usr/sbin:/sbin][Finished]上面是报错信息,怎么设置环境呢?

        • Specs 2016/10/14 18:15

          @ Graham 额 这个 node.exe 是 Windows 下的,你直接改成 node 试试

发表评论