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




目录
相关文章
|
6月前
|
存储 自然语言处理 前端开发
抖音快手小红书虚拟评论截图生成器,模拟对话制作工具,html+js+css
这是一款纯前端实现的多平台虚拟评论生成器,支持抖音、快手、小红书风格,适用于产品演示与UI设计。采用Vanilla JS与Flexbox布局,利用IndexedDB存储数据,CSS Variables切换主题。
|
5月前
|
JavaScript 前端开发 API
淘宝店铺阿里旺旺采集工具,连接批量转旺旺ID,用Js接口实现效果
以下是淘宝店铺阿里旺旺采集工具的JS实现代码,包含批量获取店铺旺旺ID功能,当然仅
|
4月前
|
编解码 JavaScript 前端开发
如何在网页播放英文的m3u8文件(基于Javascript搭建的在线网页工具)
什么是m3u8?又该如何在网页中高效、便捷地播放英文的m3u8文件呢?今天这篇文章就带你一起了解,并推荐一种基于Javascript搭建的在线网页工具,让你轻松解决播放问题。
890 0
|
6月前
|
存储 前端开发 安全
病历单生成器在线制作,病历单生成器app,HTML+CSS+JS恶搞工具
本项目为医疗病历模拟生成器,旨在为医学教学和软件开发测试提供数据支持,严格遵守《医疗机构病历管理规定》。
|
6月前
|
存储 前端开发 JavaScript
仿真银行app下载安装, 银行卡虚拟余额制作app,用html+css+js实现逼真娱乐工具
这是一个简单的银行账户模拟器项目,用于学习前端开发基础。用户可进行存款、取款操作,所有数据存储于浏览器内存中
|
7月前
|
人工智能 监控 前端开发
基于 Next.js 的书法字体生成工具架构设计与 SSR 优化实践
本项目是一款书法字体生成工具,采用 Next.js 14(App Router)与 Tailwind CSS 构建前端,阿里云 Serverless 部署后端。通过混合渲染策略(SSG/SSR/CSR)、Web Worker 异步计算及 CDN 字体分片加载优化性能。服务端借助阿里云函数计算处理计算密集型任务,将平均耗时从 1200ms 降至 280ms,支持 1000+ QPS。动态路由与 ARMS 监控提升工程化水平,未来计划引入 WebGPU 和 AI 字体风格迁移技术,进一步优化用户体验。
|
10月前
|
数据采集 JavaScript Android开发
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
455 7
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
|
JavaScript
如何使用内存快照分析工具来分析Node.js应用的内存问题?
需要注意的是,不同的内存快照分析工具可能具有不同的功能和操作方式,在使用时需要根据具体工具的说明和特点进行灵活运用。
393 62
|
11月前
|
存储 资源调度 JavaScript
npm、cnpm 和 pnpm 是三种常用的 Node.js 包管理工具
npm、cnpm 和 pnpm 是三种常用的 Node.js 包管理工具。npm 是官方默认的包管理器,提供依赖管理、安装和更新等功能;cnpm 是由阿里巴巴开发的 npm 镜像,专为中国大陆用户优化,解决下载速度慢的问题;pnpm 通过硬链接技术提高安装速度并节省磁盘空间,特别适合磁盘资源紧张的环境。三者命令类似,但各有特色,开发者可根据需求选择合适的工具。
1123 5