【利好工具】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的利好工具,真的是感慨为什么没有早发现它!




目录
相关文章
|
2月前
|
数据可视化 前端开发 JavaScript
可视化工具D3.js
可视化工具D3.js
103 2
|
15天前
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
|
21天前
|
Web App开发 JavaScript 前端开发
使用 Chrome 浏览器的内存分析工具来检测 JavaScript 中的内存泄漏
【10月更文挑战第25天】利用 Chrome 浏览器的内存分析工具,可以较为准确地检测 JavaScript 中的内存泄漏问题,并帮助我们找出潜在的泄漏点,以便采取相应的解决措施。
135 9
|
23天前
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
58 10
|
1月前
|
存储 JavaScript 前端开发
Node.js 常用工具
10月更文挑战第6天
24 2
|
1月前
|
Web App开发 JavaScript 前端开发
Node.js:JavaScript世界的全能工具
Node.js:JavaScript世界的全能工具
|
2月前
|
前端开发 JavaScript Java
JavaScript的运行原理
JavaScript 的运行原理包括代码输入、解析、编译、执行、内存管理和与浏览器交互几个步骤。当打开网页时,浏览器加载 HTML、CSS 和 JavaScript 文件,并通过 JavaScript 引擎将其解析为抽象语法树(AST)。接着,引擎将 AST 编译成字节码或机器码,并在执行阶段利用事件循环机制处理异步操作,确保单线程的 JavaScript 能够高效运行。同时,JavaScript 引擎还负责内存管理和垃圾回收,以减少内存泄漏。通过与 DOM 的交互,JavaScript 实现了动态网页效果,提供了灵活且高效的开发体验。
|
1月前
|
JavaScript 网络协议
Node.js 工具模块
10月更文挑战第7天
20 0
|
2月前
|
JavaScript Linux 开发者
一个用于管理多个 Node.js 版本的安装和切换开源工具
【9月更文挑战第14天】nvm(Node Version Manager)是一个开源工具,用于便捷地管理多个 Node.js 版本。其特点包括:版本安装便捷,支持 LTS 和最新版本;版本切换简单,不影响开发流程;多平台支持,包括 Windows、macOS 和 Linux;社区活跃,持续更新。通过 nvm,开发者可以轻松安装、切换和管理不同项目的 Node.js 版本,提高开发效率。
|
1月前
|
数据可视化 前端开发 JavaScript
可视化工具D3.js
可视化工具D3.js