资讯专栏INFORMATION COLUMN

Sublime Text内运行javascript(ES6)

shery / 479人阅读

摘要:前言调试代码经常是在浏览器中完成的如果编辑器也能完成部分的调试工作那我相信前端和的世界将美好很多先上图实现首先安装当然你可以使用其它诸如之类的环境来运行本文使用的是首先确保你的电脑已经安装好并已将其添加到环境变量中一般安装时自动添加或者询问

前言

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

实现 首先安装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无法找到相应的文件.

以上.

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85391.html

相关文章

  • Sublime text 前端开发插件安装和配置

    摘要:前端开发配置此文件目录中文件主要是关于的插件配置,快捷键配置,主题和字体配置。插件列表所有插件都可以使用安装,具体的安装方法可以自行谷歌安装,不在本文的介绍范围之内。这两个插件主要是平时使用或者是这些预编译语言有用,支持语法高亮。 前端开发sublimeconfig mac配置 此文件目录中文件主要是关于sublime的插件配置,快捷键配置,主题和字体配置。 插件列表 所有插件都可以使...

    glumes 评论0 收藏0
  • Sublime Text 3 搭建 React.js 开发环境

    摘要:有很强的自定义功能,插件库很庞大,针对新语言插件更新很快,配合使用可以快速搭建适配语言的开发环境。该命令依赖于包。源目录路径输出路径把所有东西放入缓存中,每次只编译修改过的文件发生错误时不会中断的流程,同时触发消息提示在命令行中输入运行。 Sublime有很强的自定义功能,插件库很庞大,针对新语言插件更新很快,配合使用可以快速搭建适配语言的开发环境。 1. babel-sublime ...

    Big_fat_cat 评论0 收藏0
  • Sublime Text 特色插件推荐,持续更新!

    摘要:不过建议只用来进行系语言的语义分析,因为有,有类更好的语法高亮,类似的还有,选一个就好了。从目前的使用情况来看,部分实现了,比如自动完成和语法高亮,以及用的检查格式。管理文档的语法高亮。 自从接触到了sublime text,感觉确实是越用越好用,几乎所有和文字编辑有关的都离不开它。这一年多搜集了不少插件,不敢独享,拿出来和大家同乐。我用的是Sublime Text 3, 以下所有的插...

    Jensen 评论0 收藏0
  • vue.js的起步

    摘要:可用于快速搭建单页应用起步代码。之后阅读代码,所有的扩展名为文件都会有相应的高光显示。查看起步代码中有一个组件代码,在内。把组件的值改改。浏览器会自动刷新的。有了它,可以在内看到更加友好的错误提示。和运行看到的一模一样。 介绍 vue.js 是一个客户端js库,可以用来开发单页应用。为了一个项目的选型,我前前后后的看了angular、react、vuejs ,对前两者是佩服,对后者是爱...

    sihai 评论0 收藏0
  • 前端资源系列(4)-前端学习资源分享&前端面试资源汇总

    摘要:特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 本以为自己收藏的站点多,可以很快搞定,没想到一入汇总深似海。还有很多不足&遗漏的地方,欢迎补充。有错误的地方,还请斧正... 托管: welcome to git,欢迎交流,感谢star 有好友反应和斧正,会及时更新,平时业务工作时也会不定期更...

    princekin 评论0 收藏0

发表评论

0条评论

shery

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<