sublime text 3 配置编译js环境(Windows)

  • A+
所属分类:开发者工具

sublime text 3 配置编译js环境(Windows)

先来张内涵图

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

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

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

sublime text 3 配置编译js环境(Windows)

再对node.js做个简单配置(可以忽略,不影响配置sublime编译js)

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

sublime text 3 配置编译js环境(Windows)

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

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

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

第二步:配置sublime编译js

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

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

将下面的内容粘贴进去:

sublime text 3 配置编译js环境(Windows)

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

第三步:测试

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

sublime text 3 配置编译js环境(Windows)

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

附配置PHP编译环境

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

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

sublime text 3 配置编译js环境(Windows)

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

sublime text 3 配置编译js环境(Windows)

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

修改内容为:

文件保存为php.sublime-build

如果不添加环境变量的话需要这样配置

注意修改php文件路径

 

需要重启一下sublime,新建一个test.php文件(需保存),随便写点PHP代码,按下Ctrl+B,就可以看到编译结果了。

sublime text 3 配置编译js环境(Windows)

 

参考资料:

http://www.jianshu.com/collection/1627f31c077b

http://www.jianshu.com/p/3e25fcf7600e

weinxin
我的微信公众号
我的微信公众号扫一扫

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:1   其中:访客  1   博主  0

    • avatar themebetter 2

      步骤很详细。