Sublime Text内运行怎么javascript(ES6)


本文摘自PHP中文网,作者藏色散人,侵删。

下面由sublime教程栏目给大家介绍Sublime Text内运行怎么javascript(ES6),希望对需要的朋友有所帮助!

前言

调试js代码经常是在浏览器中完成的, 如果编辑器也能完成部分的调试工作, 那我相信前端和node的世界将美好很多. OK, 先上图:

774fe4e8f89f9015ee4c0f8453ab441.png

实现

首先安装nodejs

当然你可以使用其它诸如jsc之类的环境来运行js, 本文使用的是nodejs. 首先确保你的电脑已经安装好nodejs, 并已将其添加到环境变量中 (一般安装时自动添加或者询问是否添加)

添加build system

在sublime text中依次打开Tools -> Build System -> New Build System... 粘贴以下代码后保存(如Node.sublime-build), 然后把Build System设成Automatic

1

2

3

4

{

    "cmd": ["node", "--use-strict", "--harmony", "$file"],

    "selector": "source.js"

}

说明

在以上的build文件中(Node.sublime-build), node是执行命令, --harmony和--use-strict是执行参数, $file是当前文件名, 所以一次build操作实际上相当于在命令行中执行了node --use-strict --harmony filename. --harmony表示启用ES Harmony features, 而这些features目前只能在strict模式下运行, 所以需要同时添加use-strict参数(详见what-is-extended-mode).

如果不想启用es6的特性,把build文件更改成以下代码保存即可.

1

2

3

4

{

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

    "selector": "source.js"

}

使用

在sublime test中新建一个test.js文件, 然后输入你的测试代码, 比如:

1

2

3

for (let i = 0; i < 3; i++) {

    console.log('i:', i);

}

使用快捷键ctrl + b, 将得到以下执行结果:

1

2

3

4

i: 0

i: 1

i: 2

[Finished in 0.1s]

注: 文件必须是存在于磁盘中的, 而不是untitled的, 否则sublime无法找到相应的文件.

以上.

以上就是Sublime Text内运行怎么javascript(ES6)的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

27个适用于javascript开发人员的神奇的vscode工具

详解vscode中如何更简单、有效地调试node.js程序!!

分享我的sublime配置和包(收藏)

sublime text内运行怎么javascript(es6)

一文介绍sublime text3搞定vue文件模板

详解vscode中对node.js进行debug调试的方法

sublime snippet如何编写

vscode远程调试node程序的方法介绍

sublime如何利用正则批量修改数据

详解sublime text3 eslint 安装

更多相关阅读请进入《sublime-text》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...