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

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

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

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

并且它的强大的地方是还支持库的安装和引入。当你没有安装过该库的时候,会提醒你安装,或者在菜单Action > install NPM Packages里面管理你的依赖库

六大特点

1. 学习JavaScript语言

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

2. 尝试新的库

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

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

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

4. 支持最新的语法

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

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

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

6. 专注于写代码

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

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

各平台下载地址:

•macOS (.app)[2]•Windows (.exe)[3]•Debian (.deb)[4]•Universal Linux (.AppImage)[5]

References

[1] RunJS: https://runjs.dev/
[2] macOS (.app): https://github.com/lukehaas/RunJS/releases/download/v1.12.2/RunJS-1.12.2.dmg
[3] Windows (.exe): https://github.com/lukehaas/RunJS/releases/download/v1.12.2/RunJS-Setup-1.12.2.exe
[4] Debian (.deb): https://github.com/lukehaas/RunJS/releases/download/v1.12.2/runjs_1.12.2_amd64.deb
[5] Universal Linux (.AppImage): https://github.com/lukehaas/RunJS/releases/download/v1.12.2/RunJS-1.12.2.AppImage

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/354606.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

CIFAR-10 dataset 的下载与使用

基本信息 CIFAR-10 是一个包含60000张图片的数据集。其中每张照片为32*32的彩色照片,每个像素点包括RGB三个数值,数值范围 0 ~ 255。 所有照片分属10个不同的类别,分别是 airplane, automobile, bird, cat, deer, dog, frog, horse, ship, tr…

教你如何创建一款属于自己的VSCode主题

你有没有想过创建一款属于自己的VSCode主题?没有你想像的那么难,但是真正实现起来也不是那么轻松,需要你对将要去改变的主题的一些属性要有所了解和准备。如果你要想让你的主题适用于多种编程语言,并且看起来还很漂亮的话&#xf…

调试

http://www.cnblogs.com/CARPE-DIEM-wu/p/7798119.html 黄金规则 从帮助台得到的观点是不明确的 检查插头 不要想,而要看 回到目录制造失败 回到目录不要想,而要看 回到目录分而治之 回到目录一次只改一个地方 回到目录保持审计跟踪 回到目录检查插头 回到目录获得全新观点 回到…

访问对象的属性,你知道有哪些方法?

相信对象对于每个使用JavaScript的人来说都不陌生。访问对象的属性几乎日常开发每天都在用。下面我们一起探索下有哪些方式可以实现属性的访问。访问对象属性介绍对象是JavaScript的一种常见的数据类型。它允许我们以键值对的形式存储数据。这一系列的键成为对象的属性。常见的…

一些行家技巧和窍门

我正在将使用WebLogic Workshop(是的,使用不受支持的IDE可以正确阅读)的现有应用程序迁移到Maven。 在旅途中有一些陷阱,我想在这里写下给那些可能会觉得有用并且特别适合自己的人以作为参考。 整个应用程序使用Apache XMLBeans处…

【视频内含福利】原来手机套壳视频是这么做出来的

最近视频圈子里都在发这种视频,究竟是怎么做出来的?研究下来发现原来是用的这款名字叫Record Maker的APP,旨在帮助用户轻松快速给视频加上手机壳的效果。目前App Store上的版本是1.2.1,最近一次更新支持了iPhone11/iPhone12模型&a…

机器学习 基本概念,常用经典模型

1. 机器学习 明白一些基本概念 什么是机器学习研究如何通过计算的手段,利用经验来改善系统自身的性能通俗来讲,让代码学着干活 特征:自变量标签:因变量 学习的种类有监督学习:提供标签,分类、回归无监督学习…

日常开发之重构

作为开发人员,应该让重构贯穿于你的开发日常的每一刻。 为什么这么说? 重构是为了改善软件的设计、结构和实现,同时保留其现有的功能。 重构的潜在优势包括提高代码的可读性和降低复杂度。 这些都可以提高源代码的可维护性,并创建…

摇钱树

题目描述 Cpg 正在游览一个梦中之城,在这个城市中有n棵摇钱树。。。这下,可让Cpg看傻了。。。可是Cpg只能在这个城市中呆K天,但是现在摇钱树已经成熟了,每天 每棵都会掉下不同的金币(不属于Cpg!&#xff09…

apache thrift_使用Java快速入门的Apache Thrift

apache thriftApache Thrift是由facebook创建的RPC框架,现在它是一个Apache项目。 Thrift允许您在不依赖语言的定义文件中定义数据类型和服务接口。 该定义文件用作编译器的输入,以生成用于构建通过不同编程语言进行通信的RPC客户端和服务器的代码。 您也…

前端八大灵感设计,代码变为现实

我们都知道掌握编程技术是一项很难的事情,没有捷径可走。需要我们在日复一日的工作中去锻炼。如果想要达到擅长甚至需要长年累月的积累。下面列举了一些可以给你带来编码灵感的例子,相信你看到会有想去写代码的冲动。因为一个好的工程师,是不…

Apple 公司开发者账号添加团队成员

Apple 公司开发者账号添加团队成员 简介 首先公司内部团队开发需要的账号类型为公司账号,可以添加团队成员协同开发。 账号下的团队成员有三种角色: Team Agent (代理) 代理: 就是注册开发者账号的那一个,权限最高,续费和创建开发…

相互问题

HTTPS协议是用于确保我们的连接安全的公认标准。 理解此协议的工作原理不是问题,并且从2000年起可以使用相应的RFC文档 。 尽管HTTPS的使用如此广泛,但您仍然可以找到一种无需不必要的复杂性就无法处理此协议的软件。 不幸的是,在使用该语言…

八个使前端工程师惊艳的效果设计,码否?

我们都知道掌握编程技术是一项很难的事情,没有捷径可走。需要我们在日复一日的工作中去锻炼。如果想要达到擅长甚至需要长年累月的积累。 下面列举了一些可以给你带来编码灵感的例子,相信你看到会有想去写代码的冲动。 因为一个好的工程师,…

OpenStack_I版 1.准备过程

openstack是一个开源云平台,python开发此次部署为实验环境, 采用扁平化简单的网络架构部署  优点:低耦合的,模块化Nova 计算资源池Glance 镜像服务Swift 对象存储Horizon 对计算资源,网络资源起别…

使用React和Tailwind CSS搭建项目框架

众所周知,Tailwind CSS框架越来越流行,所以我决定尝试学习并使用Tailwind CSS来搭建一个项目模板,一方面自己深入学习下,二来帮助新人更快地上手Tailwind CSS开发。 创建一个React项目 通过使用create-react-app命令创建一个新的…

快点,再快点!

现在看视频不来个两倍速(或者更快)都觉得在浪费生命。特别是在看视频教程的时候,文字我们可以做到一目十行,但是视频呢,如果有字幕,我们甚至不用听清,用3倍速或者4倍速完全没有问题,…

jetty eclipse_3个步骤实现Jetty和Eclipse集成

jetty eclipse本教程将引导您逐步了解如何集成Jetty和Eclipse,以及如何在Eclipse中的Jetty服务器上运行Web应用程序。 脚步: 安装Jetty Eclipse插件 建立网路应用程式 运行网络应用 1 –安装Jetty Eclipse插件 将服务器添加到“服务器”视图时&…

01jquey基础

1.html代码 <!doctype html> <html> <head> <meta charset"utf-8"> <title>无标题文档</title> <script type"text/javascript" src"jquery-3.2.1.min.js"></script> <script type"tex…

使用React和Tailwind CSS搭建项目模板

公众号关注 “太空编程”设为 “星标”&#xff0c;带你了解硬核的编程知识&#xff01;众所周知&#xff0c;Tailwind CSS框架越来越流行&#xff0c;所以我决定尝试学习并使用Tailwind CSS来搭建一个项目模板&#xff0c;一方面自己深入学习下&#xff0c;二来帮助新人更快地…