vscode 实时运行代码插件 Quokka

最新推荐文章于 2023-07-12 15:26:22 发布
最新推荐文章于 2023-07-12 15:26:22 发布 2576 收藏 3
分类专栏： vscode 文章标签： vscode visual studio code
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hsj1669666567/article/details/122256678
版权

安装插件 Quokka

在这里插入图片描述

使用

F1 或 command + shift + p , 输入 quokka 找到 run on save current file 回车
在这里插入图片描述
这时，你会看到你代码运行的结果，而且每次保存都会实时更新，如下图
在这里插入图片描述
温馨提示：不调试文件的时候记得关闭哦
觉得有用的话，点个赞再走吧🌹！

更多详情和配置：https://quokkajs.com/docs/#value-explorer

阅读终点，创作起航，您可以撰写心得或摘录文章要点写篇博文。去创作
阿阿阿阿阿阿杰
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Quokka：用于Erlang节点和群集的本机GUI可视化工具，接受用RustDear ImGUI（OpenGL）编写的来自跟踪文件和活动节点的数据流
02-10
Quokka观察员 想法：APP 这是一个本机GUI应用程序，它从文件中获取跟踪数据流，或者从活动的Erlang（BEAM VM）节点或群集中获取事件流，并尝试重建“真实性”的实际图片并将其显示在某种程度上有用办法。 想法是提供搜索，分组和自省工具，使观察者可以了解正在运行的节点中发生的事情（或过去发生的事情）。 还可以重播，放慢，暂停和倒回事件流，并查看过去任何特定时刻发生的情况以及导致该事件的事件。 注意：这尚不存在。 开始进行数据模型的工作，并显示跟踪数据和时间汇总的跟踪数据（火焰图输出）。 当前状态 导入Eflame日志（包含部分代码结构和功能所花费的时间） 用1个节点建模BEAM集群 使用Eflame日志作为数据源来填充BEAM集群信息 代码结构视图 集群视图 节点视图
【自动写代码】Quokka.js是一款通过注释实时生成代码的插件，该插件安装在vscode工具上面，但是需要激活才能使用
xzb5566的专栏
06-15 532
【自动写代码】Quokka.js是一款通过注释实时生成代码的插件，该插件安装在vscode工具上面，但是需要激活才能使用
9个面向前端开发者的有用VSCode 插件工具
web前端开发
06-14 299
英文 | https://medium.com/frontend-canteen/most-useful-vscode-extensions-for-frontend-developer-7c0f7ce5ebc4翻译 | 杨小爱今天的内容，我将跟大家分享10个比较实用的ASCode的插件工具。如果您不知道如何安装 VSCode 插件的话，可以查看官方文档：https://...
Vscode小插件
qq_20146529的博客
07-12 136
3、一键运行多种语言运行代码片段或代码文件: c，c + + ，Java，JavaScript，PHP，Python，Perl，Perl 6，Ruby，Go，Lua，Groovy，PowerShell，BAT/CMD，BASH/SH，f # Script，f # (。ES6语法智能提示以及快速输入，除js外还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间。在html标签中引入图片，在悬停时显示图像预览，且能左边会有小图片显示，也能快速跳转到图片文件。
atom-quokka：Quokka.js Atom程序包
01-28
Atom软件包 快速链接 太棒了！
quokka
03-21
quokka
quokka-plugin-subdir:Quokka插件可以在暂存模式下解析从子目录模块的导入
05-16
quokka-plugin-subdir 小型插件，用于解决子目录中的node_module导入 但为什么？ 我主要在“临时”模式下使用quokka来检查/测试使用项目node_modules的小段代码。 通常，只有拥有某种monorepo才有问题，因此，有很多子目录具有自己的模块，即使在暂存模式下执行此操作也没有问题。 临时模式将与repo根目录相关，尝试从repo/node_modules加载模块，在这种情况下，唯一的选择是编写完整的相对路径。 用法 将插件添加到： { " plugins " : [ " quokka-plugin-subdir " ], } 可以以两种方式使用，假设您有monorepo，其中包含2个项目： my-monorepo-project ├── client ├── server 第一种方法是在配置中添加“ subdir”： { "
提高 JavaScript 开发效率的高级 VSCode 扩展！
weixin_33755649的博客
12-11 248
Quokka.js Quokka.js 是一个用于 JavaScript 和 TypeScript 的实时运行代码平台。这意味着它会实时运行你输入后的代码，并在编辑器中显示各种执行结果，建议亲自尝试一下。 安装此扩展后，可以按Ctrl / Cmd（⌘）+ Shift + P显示编辑器的命令选项板，然后键入 Quokka 以查看可用命令的...
vscode 推荐插件使用
weixin_41013537的博客
11-09 1524
1、Quokka JavaScript和TypeScript的快速原型操作平台。它会在您键入时立即运行代码，并在代码编辑器中显示各种执行结果。 使用方法： 先ctrl+shift+p（MAC shift+cmd+p ）输入 quokka 选择 new javascript 插件地址：插件地址：https://quokkajs.com/ 2、vscode-fileheader 顶部注...
好用的chrome前端插件推荐
雪梅零落
09-28 1886
如果你不知道如何安装 VSCode 插件
vscode git 行 历史_让开发效率“飞起”的VS Code 插件
weixin_30531679的博客
02-02 1217
戳蓝字「前端技术优选」关注我们哦！前言VSCode，是一个免费的、开源的跨平台编辑器,也是我最满意的编辑器之一。本文向大家推荐一些我喜欢的vscode插件，不出意外的话，这些插件将对你的工作效率提升有不小的帮助！GitLensVS Code中的 Git 体验在易用性和完整性之间取得了一个不错的平衡，大部分用户都能够使用它完成工作，同时又不会被太多的功能吓到。但是很多硬核的 Git ...
Quokka聊天「Quokka Chat」-crx插件
03-15
将视频内容直接添加到Quokka.chat网络应用程序 与Quokka.chat的网络应用程序互补，该应用程序使用户可以通过单击按钮轻松地从YouTube添加视频内容。 支持语言:English
精选！必备的 VSCode 插件（前端类）
03-30
vscode 常用插件 手动放到 .vscode/extensions/ 下， 包含插件如下： Angular2V0.4.1.vsix auto-close-tagV0.5.6.vsix auto-rename-tagV0.0.15.vsix autoimportV1.5.3.vsix beautifyV1.3.0.vsix bracket-pair-...
Quokka.js and Wallaby.js Crack
控件与插件之大全
08-15 1079
Quokka.js 是用于快速 JavaScript / TypeScript 原型设计的开发人员生产力工具。 ????578867473运行时值会在您键入时更新并显示在您的代码旁边。 、、、、、、、、、、、、、、、、、、、、、、、、、、、、 Wallaby.js 是一种开发人员生产力工具，可在您键入时立即运行 JavaScript 和 TypeScript 测试，并在代码旁边突出显示 IDE 中的结果。 ...
vscode regex previewer插件怎么用_15 款好用的 VS Code 插件
weixin_39813574的博客
11-20 289
VS Code 有个市场，提供很多插件，开发人员可以把它们安装到文本编辑器，增强编辑器功能。在视图菜单中，选择扩展选项或按下 shift + cmd + X 即可进入市场。善用 VS Code 插件，不仅节省时间，还能提高工作效率，让你成为更好的开发人员。1. Live Server该插件允许我们在更改 IDE 中的代码时，自动重新加载 Web 页面。一旦安装 Live Server 后，在 ht...
精选！15 个必备的 VSCode 插件（前端类）
热门推荐
土家稀哥
07-17 3万+
Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。 就像大多数 IDE 一样，VSCode 也有一个扩展和主题市场，包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件，我们针对性的收集了一些实用、有趣的插件与大家分享。 1. Open-In-Browser
12个面向前端开发者真正有用的 VSCode 插件工具
web前端开发
08-02 379
英文 | https://medium.com/frontend-canteen/most-useful-vscode-extensions-for-frontend-developer-7c0f7ce5ebc4翻译 | 杨小爱如果你不知道如何安装 VSCode 插件，可以查看官方文档：https://code.visualstudio.com/docs/editor/e...
web大前端必备的VSCode插件，常用的（15个）
IT博客技术分享
11-20 2万+
Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。 就像大多数 IDE 一样，VSCode 也有一个扩展和主题市场，包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件，我们针对性的收集了一些实用、有趣的插件与大家分享。 1.Open-In-Browser 由于 VSCode 没有提供直接在浏览...
vscode 写测试点插件
最新发布
08-11
在 VS Code 中，可以使用以下几个插件来方便地写测试点： 1. Test Explorer: Test Explorer 是一个通用的测试框架插件，支持多种编程语言和测试框架。它可以在编辑器中显示测试用例，并提供一些常见的测试操作，如运行单个测试、运行所有测试等。 2. Code Runner: Code Runner 插件不仅可以运行代码，还可以运行选定的代码块。你可以将测试用例放在代码块中，然后使用 Code Runner 运行选定的代码块来测试你的程序。 3. Snippet Generator: Snippet Generator 插件可以帮助你快速生成代码片段。你可以定义一些常见的测试用例模板，并通过简单的命令或快捷键快速插入到编辑器中。 4. Quokka.js: Quokka.js 是一个实时 JavaScript/TypeScript 开发工具，可以在编辑器中实时显示代码的输出结果。你可以使用 Quokka.js 编写测试用例，并立即查看代码的输出结果。 这些插件都可以通过在 VS Code 的扩展商店中搜索并安装。希望对你有帮助！如果你有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阿阿阿阿阿阿杰

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值