sublime text 3 配置编译js环境（Windows）

1
2,897

A+

所属分类：开发者工具

先来张内涵图

第一步：安装配置node.js环境

去node.js官网下载安装包,我一般是安装在D盘根目录，安装过程很简单，网上有很多教程。

安装完成后，win+r 打开cmd 输入 node -v 和npm -v 查看是否安装成功。

再对node.js做个简单配置（可以忽略，不影响配置sublime编译js）

在node.js的安装根目录新建两个文件夹：node_cache和node_global

然后在cmd里分别执行命令：

npm config set prefix "E:\Node.js\node_global"
npm config set cache "E:\Node.js\node_cache"

1 2	npm config set prefix "E:\Node.js\node_global" npm config set cache "E:\Node.js\node_cache"

E:\Node.js\这个改成你自己的nodejs安装路径

更多的nodejs配置就不过多赘述，在这里不是重点。

第二步：配置sublime编译js

打开sublime，选择菜单 Tools --> Build System --> new Build System...

中文版的话是 工具 --> 编译系统 --> 新建编译系统...

将下面的内容粘贴进去：

{
    "cmd": ["node", "$file"],
    "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
    "working_dir": "${file_path}",
    "selector": "source.js",
    "shell": true,
    "encoding": "utf-8",
    "windows": {
        "cmd": ["node", "$file"]
    },
    "linux": {
        "cmd": ["killall node; node", "$file"]
    }
}

{

"cmd": ["node", "$file"],

"file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",

"working_dir": "${file_path}",

"selector": "source.js",

"shell": true,

"encoding": "utf-8",

"windows": {

"cmd": ["node", "$file"]

"linux": {

"cmd": ["killall node; node", "$file"]

}

接着保存为 javascript.sublime-build，保存位置默认即可。

第三步：测试

接下来新建一个demo.js文件，随便写点js代码按快捷键Ctrl+B或者F7测试一下：

下面有输出结果了，成功了~是不是有点小激动呢？这样就能在直接在sublime里调试js代码了。

附配置PHP编译环境

确保你的电脑有PHP环境或者集成环境

添加PHP系统环境变量（或者用户变量），在任意目录下都可执行php，

把PHP的安装目录追加到变量值即可，然后在cmd下输入

php -v

php -v

ok,接下来在sublime Tools --> Build System --> new Build System... 新建一个编译系统

修改内容为：

{
    "cmd": ["php", "$file"],
    "file_regex": "php$",
    "selector": "source.php"
}

{

"cmd": ["php", "$file"],

"file_regex": "php$",

"selector": "source.php"

}

文件保存为php.sublime-build

如果不添加环境变量的话需要这样配置
{ "cmd": ["D:\\wamp\\bin\\php\\php5.3.8\\php.exe", "$file"], "file_regex": "^(...*?):([0-9]*):?([0-9]*)", "path": "D:\\wamp\\bin\\php\\php5.3.8", "selector": "source.php" }
1
2
3
4
5
6
{
"cmd": ["D:\\wamp\\bin\\php\\php5.3.8\\php.exe", "$file"],
"file_regex": "^(...*?):([0-9]*):?([0-9]*)",
"path": "D:\\wamp\\bin\\php\\php5.3.8",
"selector": "source.php"
}
注意修改php文件路径