df-renderer README

⚠️ 这是一个用于VS Code中自定义笔记本渲染器的工作正在进行中的入门代码。随着笔记本功能的成熟，代码可能会发生变化。 ⚠️

该入门代码包含以下内容：

• ?️ 使用TypeScript编写的简单NotebookOutputRenderer代码
• ? 使用Webpack构建的渲染器客户端代码
• ⚡ 支持热模块重载和安全的样板代码
• ? 支持CSS模块

运行此示例

1. 打开VS Code Insiders并加载df-renderer文件夹
2. 按F5键进行构建和调试

结构

笔记本渲染器包括在VS Code扩展主机（Node.js）中运行的代码，该代码注册渲染器并将数据传递到在WebView（浏览器/DOM）中运行的UI代码中。

该项目使用TypeScript项目引用。在src目录中有三个项目：

• extension：包含在Node.js扩展主机中运行的代码，使用tsc编译。
• client：UI代码，由Webpack构建，有权访问DOM。
• common：包含extension和client共享的代码。

当您运行watch、compile或dev命令时，我们会同时调用tsc和webpack来编译extension和client部分的代码。