使用 JupyterLab 组件#

JupyterLab 是用许多可重用组件构建的，这些组件是独立发布在 npm 上的。JupyterLab 本身将这些组件组合在一起，提供完整的 IDE 般体验。然而，我们鼓励开发者使用这些组件来实现他们自己对计算环境的愿景。

JupyterLab 仓库有许多示例可供你入门。

examples 目录包含

  • 几个独立的示例（console、filebrowser、notebook、terminal）

  • 一个更复杂的示例（app）。

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

安装 jupyter notebook server 4.2+ 后，按照安装 JupyterLab 开发版本的步骤进行操作。要构建示例，请在 jupyterlab 仓库根目录中输入

jlpm run build:examples

要运行特定示例，请导航到 examples 目录中的示例子目录并输入

python main.py

剖析“文件浏览器”示例#

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

filebrowser user interface

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

“文件浏览器”示例的目录结构#

examples/filebrowser 中的文件浏览器由少数文件和 src 目录组成

filebrowser source code

文件浏览器示例有两个关键源文件

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

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

查看每个文件的源代码将帮助你了解每个文件在独立文件浏览器示例中扮演的角色。