自從 2019 年 VS Code Python 插件更新以后，VS Code 已經(jīng)提供了對 Jupyter Notebook 的本地支持，對于那些經(jīng)常處理合作項(xiàng)目、使用多種編程語言的程序員來說，真是再好不過了。這篇文章告訴你，如何在 VS Code 中上手使用 Jupyter Notebook。

盡管許多程序員選擇使用 IDE（Integrated Development Environment，集成開發(fā)環(huán)境）工作，但也有一些程序員（包括我）喜歡探索 IDE 中不同的可能性。這種探索并不只是因?yàn)榭幔€是因?yàn)槊總€(gè)流行的 IDE 都有其獨(dú)特的功能，而我的很多項(xiàng)目都是跟同事合作的，這些同事可能使用不同的 IDE，為了在項(xiàng)目中互相配合，我會(huì)盡量用他們的「語言」。

在用 Python 的時(shí)候，我比較喜歡用 Jupyter Notebook 和 Visual Studio (VS) Code 來編程。

在各種 IDE 中，Jupyter Notebook 已經(jīng)成為極其流行選擇了。除了 IPython 之外，還有其他可用的內(nèi)核。而且除了 Python 之外，Jupyter Notebook 還可以支持 Java、R、Julia 和其他流行的編程語言。Jupyter Notebook 同時(shí)集成了 Markdown 文本和可執(zhí)行源代碼，這讓合作完成、可復(fù)制的小組項(xiàng)目變得更容易。

VS Code 是另一個(gè)在使用多種編程語言（如 JavaScript、c# 和 Python）的開發(fā)人員中流行起來的開源 IDE，隨著 VS 代碼插件的不斷開發(fā)，VS Code 可以支持語言的列表仍在增長。但是它還不能支持編輯 Jupyter Notebook 產(chǎn)生的文件。

現(xiàn)在不一樣了。隨著 2019 年 VS Code Python 插件的最新發(fā)布，VS Code 已經(jīng)提供了對 Jupyter Notebook 的本地支持，也就是可以在不運(yùn)行 Jupyter Notebook 的情況下在筆記本上工作。在本文中，我會(huì)介紹一些在 VS Code 中使用 Jupyter Notebook 的基礎(chǔ)知識。

環(huán)境設(shè)置

你需要在你的電腦上先安裝 Jupyter 包。你可以用 python 的安裝程序（pip install notebook）安裝，也可以用 conda 來安裝（conda install -c conda-forge notebook）。當(dāng)然，你計(jì)算機(jī)上也得有 VS Code 和 Python 3。如果沒有的話，先去這兩個(gè)網(wǎng)址下載。

Python 3：https://www.python.org/downloads/

VS Code：https://code.visualstudio.com/download

打開 VS Code，進(jìn)入擴(kuò)展部分（Extension）。如果你用的是 Mac，你可以用⇧⌘X（Shift + Cmd + X）快捷鍵來打開擴(kuò)展部分，如果你用的是 Windows 系統(tǒng)，這個(gè)快捷鍵就變成了 Ctrl + Shift + X。在文本框中搜索「Python」，你就應(yīng)該能夠看到相關(guān)擴(kuò)展的列表。點(diǎn)擊名為「Python」的擴(kuò)展名——這是微軟開發(fā)的一個(gè)擴(kuò)展包。安裝這個(gè)擴(kuò)展包，如果需要的就重新啟動(dòng)一下 VS Code。

完成最后幾個(gè)準(zhǔn)備步驟后，VS Code 就可以使用 Jupyter Notebook 了。

創(chuàng)建 Jupyter 筆記本

點(diǎn)擊 View -> Command Palette (如果使用的是 Mac, 可以用⇧⌘P 來快速打開) 就可以創(chuàng)建一個(gè)新的 Jupyter 筆記本。下個(gè)頁面彈出之后，搜索「Jupyter」并選擇「Python: Create Blank New Jupyter Notebook」選項(xiàng)，就可以創(chuàng)建一個(gè)新的 Notebook 了。為了讓你們更明白，我創(chuàng)建了一個(gè)名為 JupyterExample.ipynb 的筆記本，流程如下圖所示。

常用操作

單元的插入和刪除

可以點(diǎn)擊工具欄里或者每個(gè)單元左側(cè)的「加號」來插入單元。如果想要?jiǎng)h除，就點(diǎn)擊單元右邊刪除的標(biāo)志（小垃圾桶）。

轉(zhuǎn)換單元內(nèi)容類型和狀態(tài)

點(diǎn)擊單元的 code/markdown 部分就可以轉(zhuǎn)換內(nèi)容類型。如果想要轉(zhuǎn)換單元的狀態(tài)，單機(jī)文本輸入框就可以讓它進(jìn)入編輯模式。點(diǎn)擊單元左側(cè)的垂直條可以將其變成命令模式。然后再點(diǎn)擊另一個(gè)單元，那么前一個(gè)被選中的單元就會(huì)變回未選中的狀態(tài)。單元左側(cè)的垂直條可以顯示單元的狀態(tài)。

命令狀態(tài)下的快捷鍵

當(dāng)單元左側(cè)的垂直條顯示其為命令狀態(tài)（藍(lán)色）時(shí)，就可以使用下面這些快捷鍵了。

運(yùn)行代碼塊

你只需要點(diǎn)擊 code/markdown 區(qū)域的三角符號就能運(yùn)行這個(gè)代碼塊了。如果想要運(yùn)行整個(gè)筆記本所有的代碼塊，只需要點(diǎn)擊最上方工具欄的雙箭頭標(biāo)志就行了。

盡管上圖并沒有展示，工具欄里有一個(gè)帶著向上箭頭的三角符號，點(diǎn)擊這個(gè)符號可以運(yùn)行當(dāng)前單元前面所有的膽碼。如果箭頭是向下的，那就是運(yùn)行包括當(dāng)前單元在內(nèi)的后面所有代碼。

變量預(yù)覽器

要查看已定義的變量列表，只需單擊工具欄中的變量按鈕，就會(huì)出現(xiàn)顯示所有已定義的變量的一個(gè)表。你新定義的變量也會(huì)自動(dòng)包含在表中。

圖表預(yù)覽

如下圖所示，我們可以點(diǎn)擊輸出圖片角上的圖表標(biāo)志來預(yù)覽你畫的所有圖。

圖預(yù)覽器中，你可以在最上方看到一個(gè)工具條，這個(gè)工具條的功能都很常見，如放大縮小、保存圖片等。

你該學(xué)到什么？

本文回顧了在 VS Code 中使用 Jupyter 筆記本時(shí)需要進(jìn)行的基本操作。如果您使用 VS Code 來滿足其他開發(fā)需求，那么在 VS Code 中嘗試使用 Jupyter Notebook 是非常方便的，這樣您就可以只使用一個(gè) IDE。特別是其代碼自動(dòng)補(bǔ)齊的功能可以讓你的開發(fā)更快捷。