wokwi elements

沃奎元素

用于 Arduino 和各种电子零件的 Web 组件。

查看组件目录。

注意：这些元素仅提供所代表硬件的呈现和显示。他们不提供硬件的功能仿真代码。这取决于您希望使用它们的应用程序（模拟器），因此由您来创建。

使用 Wokwi 元素

您可以使用npm安装该软件包，然后将其导入到您的代码中：

 import '@wokwi/elements' ;

或者，您可以从 unpkg 的 CDN 加载 Wokwi Elements 捆绑包：

 < script src =" https://unpkg.com/@wokwi/[email protected]/dist/wokwi-elements.bundle.js " > </ script >

将 0.48.3 替换为最新版本号。您可以在发布页面中找到所有版本的列表。

当地发展

要准备本地开发，请克隆此存储库，然后安装依赖项：

 npm install

然后开始讲故事：

 npm run storybook

这将在 http://localhost:6006 打开本地开发服务器，您可以在其中与元素交互并实时查看更改，类似于 https://elements.wokwi.com。

创建一个新元素

创建新元素的最简单方法是运行生成器：

 npm run new-element --name demo

这将生成一个名为demo的新元素。它还将创建一个故事书文件，因此您将能够在故事书中看到新元素（请参阅上面的“本地开发”部分）。

注意：更新代码中的文档字符串不会反映在 Storybook 的“文档”选项卡中，除非您重新启动 Storybook，或手动运行以下命令并刷新页面：

 npm run analyze-components

查看贡献指南了解更多详细信息。

了解如何创建元素

视频教程

薄膜键盘元素实时编码教程逐步介绍了创建元素背后的完整过程：研究、绘图和编写代码/故事。

博客文章

• 使用 SVG 和 <lit-element> 重新创建 Arduino 按钮
• 将 Arduino OLED 显示屏变成 Web 组件

执照

Wokwi Elements 在 MIT 许可下发布。