文档章节

在Sublime Text中配置 JavaScript 控制台(JavaScript Console in Sublime Text)

奋斗到天明
 奋斗到天明
发布于 2015/08/27 17:48
字数 438
阅读 432
收藏 0

这是一篇博主在Mac上配置 JavaScript 控制台的文章,介绍了两种不同的配置方法,其中第二种通过Node.Js配置的方法,也适用于Linux与Windows。可以满足大家让javascript脱离浏览器的欲望~ 

原文地址: http://calebgrove.com/articles/js-console-sublime-text 我花了很多的时间在 代码学校学习JavaScript,作为一个事必躬亲的学习者,我需要一种能快速并优雅地写代码,同时又能在控制台中查看结果的方法,最好是在一个本地应用中, Sublime Text正是我的救星,先瞧下结果:  

这里有两个略微不同的方法达到同样的结果,使用JSC(一个OS X中的命令行工具),或者Node.js(跨平台),如果你在Mac中运行,并且没有装Node.js,我会推荐使用JSC,它内置于OS X,启动十分方便。  

JSC:

1、在Sublime Text中,选择  Tool > Build System > New Build System... 

2、用这样代码代替空白处:

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

3、保存为 JavaScript.sublime-build 

4、运行javascript文件,键入 B 或者 在菜单中选择  Tool > Build 一个重要的提示:使用 debug()代替 console.log()  

Node.js:

使用Node.js会多一点,但不会太多: 

1、从 项目主页下载并安装 Node.js 

2、在Sublime Text中,选择  Tool > Build System > New Build System... 

3、用这样代码代替空白处:

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

如果在运行javascript时控制台中得到 [Errno 2] 时,引入Node的安装目录代替第二行中的node,在Mac中,最可能是/usr/local/bin/node 

4、保存为  JavaScript.sublime-build 

5、运行javascript文件,键入   B (非Mac系,是 Ctrl  B )或者 在菜单中选择  Tool > Build

© 著作权归作者所有

共有 人打赏支持
奋斗到天明
粉丝 18
博文 112
码字总数 82707
作品 0
昌平
程序员
sublime text 3/sublime text 2 安装package control/必备

一、安装Package Control sublime text 2和sublime text 3 安装package control的代码是不同的,下面依次给出 sublime text 3 安装package control 首先使用Ctrl+`或者通过View->Show Consol......

big_cat
2014/04/02
0
0
一些必不可少的Sublime Text 2插件

Sublime Text 2是一个轻量、简洁、高效、跨平台的编辑器,方便的配色以及兼容vim快捷键等各种优点博得了很多前端开发人员的喜爱,当然也包括我,在看到小飞的介绍后,我就一直在用了。本文推...

Junn
2013/09/02
0
0
Sublime Text 3 常用插件以及安装方法

直接安装 安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages)。 使用Package Control组件安装 也可以安装package control组件,然后直接...

笨小熊
2015/07/27
0
0
Codeigniter 插件安装

安装Sublime Text 2插件的方法: //Note That : 资料收集于网上 1.直接安装 安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages)。 2.使...

Serysew
2013/06/26
0
0
如何优雅地使用Sublime Text

Sublime Text:一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插件扩展机制,用她来写代码,绝对是一种享受。相比于难于上手的Vim,浮肿沉重的E...

jeffjade
2015/12/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

异步化,高并发大杀器

今天来聊聊如何让项目异步化的一些事。 在进入正文之前,顺便给大家推荐一个Java架构方面的交流学习群:698581634,里面会分享一些资深架构师录制的视频录像:有Spring,MyBatis,Netty源码分...

Java大蜗牛
14分钟前
0
0
织梦dedecms安全设置

网站本身做好防范: 1、修改默认后台名。 打开网站根目录,找到[dede],这个文件夹就是后台的路径,可以随意修改,比如修改为[adminbuy],此时后台登陆的路径为:http://www.*****.com/admi...

雨季2014
14分钟前
0
0
完美Python入门基础知识点总结,看完你的Python就完全入门了!

Python标识符 在 Python 里,标识符有字母、数字、下划线组成。 在 Python 中,所有标识符可以包括英文、数字以及下划线(_),但不能以数字开头。 Python 中的标识符是区分大小写的。 以下划线...

糖宝lsh
20分钟前
0
0
Java关于前后台传输中文乱码以及Excel下载乱码解决

针对乱码,一般情况是前后台以及中间件编码格式不同导致.故需要保证编码格式相同即可. 1.前台页面格式指定,这里用的是jsp,故需要将pageEncoding指定为"UTF-8" 2.指定服务器编码格式,比如用的t...

勤奋的蚂蚁
23分钟前
0
0
Flutter组件 - Flexible

Flexible是一个控制Row、Column、Flex等子组件如何布局的组件。 Flexible组件可以使Row、Column、Flex等子组件在主轴方向有填充可用空间的能力(例如,Row在水平方向,Column在垂直方向),但是...

一箭落旄头
26分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部