sublime搭建js编译环境及自动根据文件后缀选择对应的编译环境

开始学习js,先在sublime上搭建js的编译环境

搭建js编译环境

确保你的电脑已经安装了node.js

编译环境的搭建同之前搭建php的编译环境

菜单栏Tools > Build System > New Build System

在新建的文件中编辑如下内容(删除自动生成的内容):

1
2
3
4
{
"cmd": ["/usr/local/bin/node", "$file"],
"selector": "source.js"
}

保存并命名为js.sublime-build,此时sublime的所有编译环境列表在Tools > Build System 中已经有js这一项了,选择它即可

当你打开javascript文件时,按Command+B就可以编译程序了:

sublime中编译js时执行alert命令报错解决方法

sublime中无法执行浏览器的弹窗命令,代码中有alert的话会报如下错误:

eferenceError: alert is not defined

stackoverflow提供了解决方法,在sublimejs文件开头加入一下代码:

1
2
3
4
5
if((typeof alert) === 'undefined') {
global.alert = function(message) {
console.log(message);
}
}

其实就是用console.log命令替换了alert命令,将要再弹窗中展示的问题直接打印输出

效果如下:

让sublime自动选择编译环境

我们可以在sublime中对不同的语言搭建不同的编译环境

当搭建了多个编译环境的时候,选择 Tools > Build System > Automatic可以根据文件的后缀名自动选择对应的编译环境。

文章目录
  1. 1. 搭建js编译环境
  2. 2. sublime中编译js时执行alert命令报错解决方法
  3. 3. 让sublime自动选择编译环境