Sublime 直接运行JS

昨天说完《Sublime Text 2 绿化与汉化 [Windows篇]》,今天我们来说说怎么用st直接运行 js 吧。
群里的小伙伴一直对我的 ST 能直接运行js感到非常好奇,今天我就公布下这个“秘密”吧。。

其实非常简单,配置个编译系统即可。
可是编译系统是什么,怎么配置呢?
接下来我一步一步教你吧。。
(好像有人告诉我说有什么插件可以实现的,不过还是有noedjs的。。)
PS: 其实微软也有对 js 的实现叫做 JScript,windows下可基于 WSH 运行,不过还是 nodejs 给力。。

首先,我们下载 nodejs 这个是必备的,做为一个合格的前端,肿么能没有node呢?
哪怕你不会用,装一个装逼也是极好的。。
如果第一次接触这东西,一直点下一步就安装好了。

我们打开 cmd 看看是否能安装成功。
还记得怎么打开cmd么?
win+r 或者点 开始->运行 输入 cmd 即可。
然后输入 node -v 看看是否安装成功了。

看到一个版本号,说明安装成功,可以正常运行了。。
接下来打开你的神器 ST 吧。
选择菜单 Tools --> Build System --> new Build System...
中文版的话是 工具 --> 编译系统 --> 新建编译系统...

然后写入下面内容:

文本
{
    "cmd": ["node", "$file"],
    "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
    "working_dir": "${project_path:${folder}}",
    "selector": "source.js",
    "shell": true,
    "encoding": "utf-8",
    "windows": {
        "cmd": ["taskkill /f /im node.exe >nul 2>nul & node", "$file"]
    },
    "linux": {
        "cmd": ["killall node; node", "$file"]
    }
}
接着保存为 javascript.sublime-build,保存位置默认即可。

现在,我们在桌面新建一个 test.js 试试吧,写个简单的测试代码后按 Ctrl + B 或者 F7 运行。

成功了。。

其实网上有很多教程,但是不少朋友说有点小问题,
比如一定要选择刚才新建的 javascript 编译系统才能执行。
其实是因为网上很多地方把 "selector": "source.js", 写成了 "selector": "source.javascript",
这样他就不能根据 后缀名 自动选择编译系统了。

还有很多人运行后得到的结果是乱码,其实这个问题确实不容易解释。。
但是我可以告诉你怎么调。
看到 "encoding": "utf-8", 这个了吧,现在是 utf-8 如果你遇到乱码的情况,改成 gbk 即可。

好了,今天水了一篇,因为要帮朋友看个问题,所以就这样吧。
有问题,或者哪里说的不对,请跟帖吧。

有朋友遇到执行后输出

[Decode error - output not utf-8]
[Finished in 1.0s with exit code 1]
这个错误的意思是 输出的不是 utf-8 的,改成 "encoding": "gbk" 看看出什么错误了。

不同的错误处理方法不同。
这种错误往往是控制台报错导致的。。
如果你是 ST3 的话建议改下这里
"cmd": ["taskkill /f /im node.exe >nul 2>nul & node", "$file"]
改成
"cmd": ["node", "$file"]
试试先。

http://www.cnblogs.com/52cik/p/sublime-runjs.html

Sublime 直接运行JS

时间: 2024-10-12 18:27:52

Sublime 直接运行JS的相关文章

Sublime Text 之运行 js 方法

昨天说完<Sublime Text 2 绿化与汉化 [Windows篇]>,今天我们来说说怎么用st直接运行 js 吧.群里的小伙伴一直对我的 ST 能直接运行js感到非常好奇,今天我就公布下这个“秘密”吧..其实非常简单,配置个编译系统即可.可是编译系统是什么,怎么配置呢?接下来我一步一步教你吧..(好像有人告诉我说有什么插件可以实现的,不过还是有noedjs的..)PS: 其实微软也有对 js 的实现叫做 JScript,windows下可基于 WSH 运行,不过还是 nodejs 给力.

如何在sublime text运行javascript

在Console模式下,浏览器不仅可以编辑也可以运行js. 大部分场景下,我们都是在IDE编辑保存,然后在浏览器打开预览效果. 在web前端的领域,sublime text成为了我编辑javascript的最爱,过往都是重复着上面的场景. 今天在youtube上学到了一招,编辑和运行javascript于sublime text一身. 准备材料: 1:首先得安装好了sublime,我选择了2的版本,毕竟对python2开头的语法比较熟悉,可以修改和尝试开发一些插件.sublime3的插件一些新A

解决sublime text运行javascript console无输出问题

1.使用nodeJS在sublime text 运行javascript 下载安装nodeJS 在sublime text新建build system:tools->build system->new build system-,输入代码: {  "cmd": ["node", "$file"],  "selector": "source.js"} 保存为一个新文件,任意命名,eg:node.

如何在sublime text3运行nodejs

步骤一:nodejs的安装1到nodejs的官网下载安装包,直接点击Install即可.(参照自己的系统版本安装,官网会自动匹配系统的版本.) 2双击安装包,进行安装 3务必注意的地方:安装路径,要记得.尤其是一些朋友不喜欢把它安装到C盘的,后面我们还会用到这个路径 4完成后,在开始菜单找到Node.js,即开始-->Node.js-->Node.js command prompt,输入node -v检查版本号,看能否成功,成功后继续输入npm -v. 5最基本的Nodejs安装就到这里,运行

sublime text2之js压缩-Js Minifier

一款基于Google Closure compiler压缩Js文件插件. 快捷键: Ctrl+Alt+M            当前文件内压缩Js代码(不推荐) Ctrl+Alt+Shift+M   压缩Js并生成压缩文件 *.min.js 安装成功重启,如果报错,在配置里改一个参数,"compiler": "uglify_js", { // the closure compiler adds new lines every 500 characters // fo

JS学习十四天----server端运行JS代码

server端运行JS代码 话说,当今不在client使用JS代码才是稀罕事.因为web应用的体验越来越丰富,client用JS实现的逻辑也越来越多,这造成的结果就是某些差点儿一致的逻辑须要在client和服务端各实现一遍,大牛们当然不甘心啊!幸运的是,我们能够在server端运行JS代码,谁让JS抱了一根大腿呢... 比如,现在在client使用JS进行验证已经是个标准,他能够有效避免用户在正常情况下提交错误的数据,增强用户体验.当然,server端的验证也是不可缺少的,由于这才是安全性的体现

运行js提示库没有注册错误8002801d的解决办法

运行js提示库没有注册错误8002801d的解决办法这个错误主要是因为服务器上的windows scripts版本较低,请按下面的链接下载较高版本windows scripts 5.6并在服务器上进行安装,重启后即可正常.在微软官网搜索windows scripts,选择scr56chs.exe下载后安装.http://www.microsoft.com/downloads/zh-cn/details.aspx?FamilyID=376d98b6-67cf-4473-9b7d-f635292a2

在sublime中运行python

最近sublime越来越火了,甚至大有赶超经典编辑器vim的趋势. 如何在sublime中运行python脚本呢? STEP 0.首先要到python官网下载安装python 推荐安装python3 STEP 1.安装插件 按ctrl+shift+p,在弹出的文本框中输入install package,回车.稍等就会弹出插件管理器(类似linux下的software center) STEP 2.安装如下插件: pylinter python PEP8 Autoformat python 3 S

widows下node.js环境搭建及运行js

昨天刚刚开始学习node.js,网上一些教程不是很清楚,所以总结一下我的经验. 1.安装. 安装省略,就到官网上去下载安装一下就好.安装完成之后,打开cmd,输入“path”,查看path环境是否配置了node.js和npm.显示如下,表示已经配置. 检查node.js版本,输入“node --version”或者"node -v" 2.安装模块. npm是随node.js一起安装的包管理工具.在node.js安装好的同时也一起安装了. 检查node.js版本,输入“npm --ver