• 技术文章 >开发工具 >sublime

    Sublime Text内运行怎么javascript(ES6)

    藏色散人藏色散人2021-03-17 17:44:22转载347
    下面由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

    {
        "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文件更改成以下代码保存即可.

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

    使用

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

    for (let i = 0; i < 3; i++) {
        console.log('i:', i);
    }

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

    i: 0
    i: 1
    i: 2
    [Finished in 0.1s]

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

    以上.

    以上就是Sublime Text内运行怎么javascript(ES6)的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:segmentfault,如有侵犯,请联系admin@php.cn删除
    上一篇:Sublime下怎么建立Node编译系统 下一篇:在sublime中如何一键使用浏览器打开php文件
    第15期线上培训班

    相关文章推荐

    • sublime text3格式化json及格式化sql代码• 详解sublime搭建C/C++编译环境• Sublime怎么释放被无辜占用的磁盘空间• sublime怎么写python程序• Sublime下怎么建立Node编译系统

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网