第四弹！这些 Jupyter Notebook 插件真好用！

小鱼儿 2022-09-01 03:19 255阅读 0赞

![3ead3b821413cade2e9af18ca7db9bad.gif][]

大家好，我是小五????

前面我们分享了10个有趣的Jupyter Notebook使用技巧和5个魔方命令????

[5个Jupyter Notebook使用技巧（第一弹）][5_Jupyter Notebook]

[5个Jupyter Notebook使用技巧（第二弹）][5_Jupyter Notebook 1]

[5个Jupyter Notebook魔法命令（第三弹）][5_Jupyter Notebook 2]

花几分钟掌握部分技巧，就可以提升自己的工作效率，节约时间岂不乐乎？

今天是第四篇，本文会介绍一些有趣有用的**Jupyter Notebook插件**。

## 安装插件 ##

前面的几篇文章给大家介绍了一些Jupyter的一些使用技巧，但原始的 Jupyter Notebook 仍然仅仅就是一个单一的编辑器。如何将它改造地更加具有生产力，更接近于IDE（集成开发环境）呢？

好在已经有开发者用 JavaScript 替我们写好了很多辅助插件，你可以在 Github 上搜索到`jupyter_contrib_nbextensions`插件，然后按照官方文档只输入两行命令后即可搞定。

# 安装Jupyter的配置器
    pip install jupyter_nbextensions_configurator
    
    # 启动配置器
    jupyter nbextensions_configurator enable --user

这里仍然是按步骤教大家安装插件：

1、跟打开 `Jupyter Notebook` 程序一样，我们同理找到 `Anaconda Prompt` 并单击打开；

![fb93afdf389aeba3b6e776512705cb1b.png][]

2、输入 `pip install jupyter_contrib_nbextensions` 然后单击 Enter 键，这里速度可能稍慢一些。

![ed9f6339725be79b109077b56e597c2a.png][]

程序运行中途会出现 y/n 的选项，输入 y 并按 Enter 键运行，直到出现Successfully installed的提示，如下图所示。这样我们就成功地安装了jupyter\_contrib\_nbextensions模块。

![5272ea7eeb8d10118fb8e9e2b4c3d340.png][]

3、安装好jupyter\_contrib\_nbextensions模块后，我们还需要继续输入`jupyter contrib nbextension install --user`然后按Enter键进行用户配置。

![f10ee65cd44d2a9a87c026d0f15b9490.png][] ![6b901e10e4274314c4e8760348253ac9.png][]

这样就彻底安装好了

安装完成后只需重新进入 Jupyter Notebook 的主页，就可以看到新增了「NBextensions」选项，点击进入到选项之中即可以勾选喜欢的插件来提高你的编程体验了！

![1d5081697182307843029cd3ac87b057.png][]

添加插件的方法也很简单，单击Nbextensions选项卡打开，勾选你先要添加的插件即可。

如果插件全是灰色不可选的状态，注意左上角的警告勾选去掉（即下图中圆圈位置）。

![1e161281773b535035ab2374df74c5d1.png][]

## 推荐插件 ##

下面推荐给大家几个实用的Jupyter Notebook插件，这样大家在使用中可谓是如虎添翼。

### 目录 ###

**添加方法：**

在`Nbextensions选项`中勾选`Table of Contents(2)`

**使用方法：**

我们再刚才创建的第一行代码的ipynb文件中，添加了三级标题，同时会发现主界面多了一个方框内的按钮（下图中箭头所指）。

点击右上角方框内的按钮，目录就会显示出来了。

![1a777b698714a65f05c40a66889190e4.png][]

### 自动补全 ###

**添加方法：**

在`Nbextensions选项`中勾选`Hinterland`

**使用方法：**

重新刷新进入刚才的ipynb文件中，在新的代码框编写`print("hello world")`，你会发现刚打1、2个字母系统就已经自动帮你选择了可能的代码/函数。

![32e000326bd36b018e585ab31afc5c30.png][]

除此之外，我们使用自动补全快速填好了`print()`之后，`print()`函数的用法以及参数统统出来了，真的是对初学者非常有用。

![356e4e441015aa166c86c27ccb712e7a.png][]

当然，还是建议大家多动手，常用的函数还是争取能记住并手打。

### 显示运行时间和耗时 ###

**添加方法：**

在`Nbextensions选项`中勾选`ExecuteTime`

**使用方法：**

重新刷新进入刚才的ipynb文件中，在新的代码框编写`print("hello world")`，成功显示单元格里代码的运行完成时间和所耗时长。

![dd127c3b93abe1d4b4cd7e0e4220e3ae.png][]

### 美化/格式化代码 ###

**添加方法：**

在`Nbextensions选项`中勾选`Autopep8`

**使用方法：**

Autopep8，使用特定于内核的代码重新格式化/美化代码单元格的内容。

![9dd7d36996c3414612c40830e8081fc2.gif][]

### 自定义代码块（代码复用） ###

**添加方法：**

在`Nbextensions选项`中勾选`snippets`

**使用方法：**

此扩展插件添加后，工具栏中会出现一个下拉菜单。如下图所示，我们可以轻松将一些常用的Code插入单元格中。

![529eb527116c18e514aeac23e540a566.gif][] △动图

在日常使用中，有一些代码段需要经常性的重复使用。我们可以事先将自己常用的代码片段都保存到示例中，这样就不必每次都敲一遍了。

具体方法就是在安装目录下找到`$(jupyter -- data-dir)/nbextensions/Snippets/Snippets.JSON`，然后根据 JSON 中的现有代码段列表中添加一个新的 JSON 块来指定代码段。

![1c838de2fd538b488bbb87ecc2fda9e2.png][]

例如，要添加一个导入 numpy、 matplotlib 和 print 语句的新代码片段，JSON 文件应该修改为:

{
        "snippets" : [
            {
                "name" : "example",
                "code" : [
                    "# This is an example snippet!",
                    "# To create your own, add a new snippet block to the",
                    "# snippets.json file in your jupyter data directory under nbextensions:",
                    "# $(jupyter --data-dir)/nbextensions/snippets/snippets.json",
                    "import this"
                ]
            },
            {
                "name" : "some imports",
                "code" : [
                    "import numpy as np",
                    "import matplotlib as mpl",
                    "print('spam')"
                ]
            }
        ]
    }

这样，就将我们需要复用的一段代码命名为`some imports`，并且添加到Snippets里面啦。我们下次需要用的时候，直接在下拉框找到，并且点击即可插入。

> 注：插件`snippet menu`也能实现自定义代码段的效果，这里就不展开讲了。

今天继续介绍了`Jupyter Notebook`中的一些拓展插件，这样我们一共通过四篇文章简单介绍了一些使用技巧、魔法命令和插件。毋庸置疑，Jupyter Notebook 仍然是数据科学工作流程中不可或缺的一部分。而对于我们以 Jupyter Notebook 为常用工具的人来说，通过各种技巧提升工作效率还是很有必要的。

觉得有技巧帮助到你提升效率/乐趣的话，别忘了给本文点个赞哦????

**![7a401b5442c7f64384c5988de908acf0.gif][]**

[3ead3b821413cade2e9af18ca7db9bad.gif]: /images/20220829/74898d6d51224af4af66af0bc16b32e0.png
[5_Jupyter Notebook]: https://mp.weixin.qq.com/s?__biz=MzU5Nzg5ODQ3NQ%3D%3D&idx=2&mid=2247516825&scene=21&sn=51dabe624353eeafaa51ce6f830b2158#wechat_redirect
[5_Jupyter Notebook 1]: https://mp.weixin.qq.com/s?__biz=MzU5Nzg5ODQ3NQ%3D%3D&idx=2&mid=2247516876&scene=21&sn=6d6885912e9579f4df5ec3bc1f884fff#wechat_redirect
[5_Jupyter Notebook 2]: https://mp.weixin.qq.com/s?__biz=MzU5Nzg5ODQ3NQ%3D%3D&idx=2&mid=2247517158&scene=21&sn=48c38803cd034c23a316ef126d855a7e#wechat_redirect
[fb93afdf389aeba3b6e776512705cb1b.png]: /images/20220829/0d27b0f76a674de7a4e008716b729787.png
[ed9f6339725be79b109077b56e597c2a.png]: /images/20220829/fed2608c7f6340079b123ee55d5a2e4e.png
[5272ea7eeb8d10118fb8e9e2b4c3d340.png]: /images/20220829/e89f4d113fe645cebc2ca3045106fe73.png
[f10ee65cd44d2a9a87c026d0f15b9490.png]: https://img-blog.csdnimg.cn/img_convert/f10ee65cd44d2a9a87c026d0f15b9490.png
[6b901e10e4274314c4e8760348253ac9.png]: /images/20220829/5649d181dee7499fba5943d6d5f96a83.png
[1d5081697182307843029cd3ac87b057.png]: /images/20220829/1ed62166a5d644b4b16b7bd6dfb2b7f2.png
[1e161281773b535035ab2374df74c5d1.png]: /images/20220829/f8989040f61a4567a84c9541457fc751.png
[1a777b698714a65f05c40a66889190e4.png]: /images/20220829/e7e2312da9b446eebc0513d84382431e.png
[32e000326bd36b018e585ab31afc5c30.png]: /images/20220829/d123d6d6c0fb4cc1ad13b6c2db2f555c.png
[356e4e441015aa166c86c27ccb712e7a.png]: /images/20220829/d59b77d745db48cca06d86178b970a60.png
[dd127c3b93abe1d4b4cd7e0e4220e3ae.png]: /images/20220829/14c643a3f50249229fb3a1f1004f88ed.png
[9dd7d36996c3414612c40830e8081fc2.gif]: /images/20220829/7a49d696fb1f459096efc2918aa55433.png
[529eb527116c18e514aeac23e540a566.gif]: /images/20220829/7f63870b68694e32a9331177b1a831a1.png
[1c838de2fd538b488bbb87ecc2fda9e2.png]: /images/20220829/54d9d09454444856ae9cd9584db5cf88.png
[7a401b5442c7f64384c5988de908acf0.gif]: /images/20220829/df9b8b85e6d74902a0b8d169aca24a79.png