【利好工具】JavaScript及时运行调试工具

简介: 今天要介绍的这个工具叫RunJS,是运行在各大系统上的客户端,目前支持主流的macOS、Windows、Debian和Universal Linux平台。

今天要介绍的这个工具叫RunJS,是运行在各大系统上的客户端,目前支持主流的macOS、Windows、Debian和Universal Linux平台。


你可以在上面编写你的JavaScript或TypeScript代码,并且获得即时反馈。它的左边是代码区域,右边是输出结果的地方。

PY9CCV5QGQ034_W){S5Z$CX.png

这样可以作为一个训练你写JavaScript代码的调试器,当你有一个想法要用JS代码实现的时候,打开这个APP,就不用打开浏览器的开发者工具或者新建一个文件在里面写好代码再从浏览器中看效果。

并且它的强大的地方是还支持库的安装和引入。


ZY48G2N{75V0)QIZ2{%F~OD.png


当你没有安装过该库的时候,会提醒你安装,或者在菜单Action > install NPM Packages里面管理你的依赖库


WPQC{TQEG]{@N`9U5BZC(UT.png


六大特点



1. 学习JavaScript语言

可以在上面练习JavaScript语言的各种特性并且可以看到每一步的输出了解其中的原理


`48]_HR9BPZG9A7`)XH)EXV.png


2. 尝试新的库

当你要学习一个新的库的时候,可以在上面快速通过安装,并且不需要任何命令,如果已经安装了该库就不需要安装,下次直接引入即可。


T)K~](DP}3SV5_O02`GH1(I.png


3. 可以看到及时运行结果

再也不用在浏览器中通过console命令去看你每一步的输出结果了,RunJS可以做到让你敲的每一行代码输出运行结果。

LNB(Z7I@$57Y@D}ZHWMN4GB.png


4. 支持最新的语法

支持Babel和TypeScript,你可以在上面运行最新的语法代码。


TL2_@F}~V)`]YM5E4JHIM}S.png


5. 支持访问Node和浏览器接口

几乎支持你所熟悉的所有的Node和浏览器的接口,你可以有更多的能力去编写各种代码。


XPXFNQ03KLNF~ZZ6HL5G9Z2.png


6. 专注于写代码

简洁清爽的界面,让你免于干扰专注于写你的代码。并且还可以定制属于你自己的主题,包括字体和代码高亮的样式颜色都可以更换。

%50]Z~X@OB@IVM6$OK1B94A.png

真的是学习JavaScript的利好工具,真的是感慨为什么没有早发现它!




目录
相关文章
|
16天前
|
数据可视化 前端开发 JavaScript
可视化工具D3.js
可视化工具D3.js
|
18天前
|
前端开发 JavaScript Java
JavaScript的运行原理
JavaScript 的运行原理包括代码输入、解析、编译、执行、内存管理和与浏览器交互几个步骤。当打开网页时,浏览器加载 HTML、CSS 和 JavaScript 文件,并通过 JavaScript 引擎将其解析为抽象语法树(AST)。接着,引擎将 AST 编译成字节码或机器码,并在执行阶段利用事件循环机制处理异步操作,确保单线程的 JavaScript 能够高效运行。同时,JavaScript 引擎还负责内存管理和垃圾回收,以减少内存泄漏。通过与 DOM 的交互,JavaScript 实现了动态网页效果,提供了灵活且高效的开发体验。
|
25天前
|
JavaScript Linux 开发者
一个用于管理多个 Node.js 版本的安装和切换开源工具
【9月更文挑战第14天】nvm(Node Version Manager)是一个开源工具,用于便捷地管理多个 Node.js 版本。其特点包括:版本安装便捷,支持 LTS 和最新版本;版本切换简单,不影响开发流程;多平台支持,包括 Windows、macOS 和 Linux;社区活跃,持续更新。通过 nvm,开发者可以轻松安装、切换和管理不同项目的 Node.js 版本,提高开发效率。
|
11天前
|
C++
HTML+JavaScript构建一个将C/C++定义的ANSI字符串转换为MASM32定义的DWUniCode字符串的工具
HTML+JavaScript构建一个将C/C++定义的ANSI字符串转换为MASM32定义的DWUniCode字符串的工具
|
2月前
|
监控 JavaScript Linux
[译] 在生产环境运行 PM2 & Node.js
[译] 在生产环境运行 PM2 & Node.js
|
2月前
|
JavaScript 前端开发 开发者
Chrom devtools JS调试、性能优化与必备功能
Chrom devtools JS调试、性能优化与必备功能
|
27天前
|
Web App开发 JavaScript 前端开发
JavaScript 调试
JavaScript 调试
12 0
|
2月前
|
存储 JSON 监控
JavaScript 逆向基础篇:浏览器调试与 Hook 技术
JavaScript 逆向基础篇:浏览器调试与 Hook 技术
113 1
|
1月前
|
Web App开发 JavaScript 前端开发
JavaScript基础知识-使用Firefox进行代码的调试(Debug)
关于如何使用Firefox浏览器进行JavaScript代码调试的基础知识介绍。
43 0
|
2月前
|
JavaScript 开发者 UED
Vue.js 错误处理与调试:跟上技术潮流,摆脱开发困扰,成为代码大神不是梦!
【8月更文挑战第30天】在 Vue.js 开发中,错误处理与调试至关重要。本文将对比 Vue 的全局错误捕获机制 `Vue.config.errorHandler` 和组件内 `watch` 监听数据变化的方式,并介绍 Vue 开发者工具、控制台打印 (`console.log`) 以及代码断点 (`debugger`) 等调试方法。此外,还将探讨如何通过自定义错误页面提升用户体验。通过这些技巧的对比,帮助开发者灵活选择适合的策略,确保应用稳定性和开发效率。
44 0