文档章节

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

奋斗到天明
 奋斗到天明
发布于 2015/08/27 17:48
字数 438
阅读 444
收藏 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 3 配置

下载 官方地址:http://www.sublimetext.com/3 修改默认文件文件路径 正常情况: 安装完成sublime Text 3之后别运行。直接进入安装目录新建一个叫做“Data”(注意大小写)的文件夹。 特殊情...

Thought
2015/07/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

微信小程序开发系列六:微信框架API的调用

微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的视图设计 微信小程序开发系列三:微信小程序的调试方法 微信小程序开发...

JerryWang_SAP
36分钟前
2
0
5 个用 Python 编写 web 爬虫的方法

大家在读爬虫系列的帖子时常常问我怎样写出不阻塞的爬虫,这很难,但可行。通过实现一些小策略可以让你的网页爬虫活得更久。那么今天我就将和大家讨论这方面的话题。 我刚整理了一套2018最新...

糖宝lsh
36分钟前
6
0
docker安装redis、mongodb、mysql等

一、启动docker服务,设置镜像: systemctl start dockervi /etc/docker/daemon.json{ "registry-mirrors": ["https://registry.docker-cn.com"]} 二、下拉镜像: 在镜像中心h...

狼王黄师傅
今天
5
0
deepin系统使用deepin-wine安装exe程序

deepin自带原生deepin-wine使用命令如下: deepin-wine QQBrowser.exedeepin-wine QQMusicSetup.exe 默认安装的快捷方式位置: /root/.wine/drive_c/'Program Files'/Tencent/QQBrowser/......

临江仙卜算子
今天
4
0
快速get到学习Linux操作系统的点

快速get到学习Linux操作系统的点 Linux是一套免费使用和自由传播的类Unix操作系统,是一个基于POSIX和UNIX的多用户、多任务、支持多线程和多CPU的操作系统。Linux能够运行主要的UNIX工具软件...

linuxCool
今天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部