如何在sublime内调试Javascript代码
来源:互联网 发布:马云是如何开创淘宝的 编辑:程序博客网 时间:2024/05/24 23:13
转载地址如下:sublime内调试Javascript代码
调试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: 0i: 1i: 2[Finished in 0.1s]
注: 文件必须是存在于磁盘中的, 而不是untitled的, 否则sublime无法找到相应的文件.
0 0
- 如何在sublime内调试Javascript代码
- Sublime Text内调试JavaScript代码
- sublime Web Inspector 调试 JavaScript 代码
- 如何调试Javascript代码
- 如何调试Javascript代码
- 如何调试Javascript代码
- 如何调试Javascript代码
- 如何调试Javascript代码
- 如何调试Javascript代码
- Sublime Text内运行javascript(ES6)及代码检查
- 如何在sublime text运行javascript
- 说说如何使用 JavaScript 进行代码调试
- 如何在网站内 运行 JS 代码
- 在vs.net下调试javascript代码
- 在vs2010中调试javascript代码方法。
- javascript在eclipse下javaweb工程内的调试
- 如何在网页中调试JavaScript
- [转贴] 如何在网页中调试JavaScript
- 写给VR手游开发小白的教程:(二)UnityVR插件CardboardSDKForUnity解析(一)
- JavaScript、HTML、CSS、JSP的注释方法
- php常见设计模式
- 二叉树专题
- android图片压缩工具类
- 如何在sublime内调试Javascript代码
- 自定义方法,模仿each遍历多维数组
- PHP中获取当前页面的完整URL
- java模拟getpost请求
- jquary学习之路--2
- Html初学之路01
- c语言中的位操作
- 【数据结构与算法分析】数组
- HttpHandler与HttpModule的用处与区别