使用JupyterLab组件#
JupyterLab 是由许多可重用的组件构建的,这些组件独立地发布在 npm 上。 JupyterLab 本身将这些组件组装在一起,提供了一个完整的、类似 IDE 的体验。然而,鼓励开发者使用这些组件来实现他们自己对计算环境应该是什么样子的愿景。
JupyterLab 仓库有 许多示例 可以帮助你入门。
examples 目录包含:
几个独立的示例 (
console,filebrowser,notebook,terminal)一个更复杂的示例 (
app).
示例的安装说明可以在项目的README中找到。
安装jupyter notebook服务器4.2+后,按照以下步骤安装JupyterLab的开发版本。要构建示例,请从jupyterlab仓库的根目录输入:
jlpm run build:examples
要运行特定示例,请导航到examples目录中的示例子目录并输入:
python main.py
剖析‘filebrowser’示例#
文件浏览器示例提供了一个独立的文件浏览器实现。以下是文件浏览器的用户界面外观:

让我们仔细看看examples/filebrowser中的源代码。
‘filebrowser’ 示例的目录结构#
文件浏览器位于 examples/filebrowser 中,由几个文件和 src 目录组成:

文件浏览器示例有两个关键源文件:
src/index.ts: 定义功能的TypeScript文件main.py: 使示例能够运行的Python文件
查看每个文件的源代码将帮助您了解每个文件在独立文件浏览器示例中所扮演的角色。