使用 JupyterLab 组件#

JupyterLab 由许多可重复使用的组件构建而成,这些组件独立地发布在 npm 上。JupyterLab 本身将这些组件组合在一起,以提供完整的 IDE 类体验。但是,鼓励开发人员使用这些组件来实现他们对计算环境的愿景。

JupyterLab 存储库有许多示例可以帮助您入门。

The examples 目录包含

  • 几个独立的示例 (console, filebrowser, notebook, terminal)

  • 一个更复杂的示例 (app)。

示例的安装说明可以在项目的 README 中找到。

安装 jupyter notebook 服务器 4.2+ 后,请按照以下步骤安装 JupyterLab 的开发版本。要构建示例,请从 jupyterlab 存储库根目录输入

jlpm run build:examples

要运行特定示例,请导航到 examples 目录中示例的子目录,然后输入

python main.py

剖析“filebrowser”示例#

filebrowser 示例提供了文件浏览器的独立实现。以下是 filebrowser 的用户界面

filebrowser user interface

让我们仔细看看 examples/filebrowser 中的源代码。

“filebrowser”示例的目录结构#

examples/filebrowser 中的 filebrowser 由少量文件和 src 目录组成

filebrowser source code

filebrowser 示例有两个关键源文件

  • src/index.ts: 定义功能的 TypeScript 文件

  • main.py: 使示例能够运行的 Python 文件

查看每个文件的源代码将有助于您了解每个文件在独立 filebrowser 示例中的作用。