Visual Studio Code 是一款功能強(qiáng)大、可擴(kuò)展且輕量級(jí)的代碼編輯器，經(jīng)過(guò)多年的發(fā)展，已經(jīng)成為 Python 社區(qū)的首選代碼編輯器之一

下面我們將學(xué)習(xí)如何安裝 Visual Studio Code 并將其設(shè)置為 Python 開(kāi)發(fā)工具，以及如何使用 VS Code 提高編程工作效率

Let's do it!

安裝 Visual Studio Code

下面我們將逐步介紹如何在 macOS 上安裝 VS Code

由于 Windows 和 macOS 的本質(zhì)區(qū)別，如果小伙伴是 Windows 用戶(hù)，那么需要做一些小的修改來(lái)安裝 VS Code。但是在 Windows 上安裝 VS Code 還是非常簡(jiǎn)單的，完全類(lèi)似于安裝其他 Windows 應(yīng)用程序，一路 Next 即可

1. 從其官網(wǎng)下載適用于 macOS 或 Windows 的 Visual Studio Code。下載頁(yè)面會(huì)自動(dòng)檢測(cè)我們的操作系統(tǒng)并顯示一個(gè)大按鈕，用于在計(jì)算機(jī)上下載最新版本的安裝程序。如果沒(méi)有，可以單擊向下箭頭按鈕并選擇與我們計(jì)算機(jī)上安裝的操作系統(tǒng)匹配的穩(wěn)定 VS Code 版本

圖片

2. 雙擊下載的文件，提取歸檔內(nèi)容

圖片

3. 將 Visual Studio Code 應(yīng)用程序移動(dòng)到 Application 文件夾以使其在 macOS 啟動(dòng)板中可用

圖片

4. 啟動(dòng) Visual Studio Code，然后打開(kāi) Python 腳本所在的文件夾或創(chuàng)建一個(gè)新文件夾。例如，在我們的桌面上創(chuàng)建一個(gè)新文件夾，并將其命名為 py_scripts，然后嘗試在 VS Code 上打開(kāi)該文件夾。通常來(lái)說(shuō)，VS Code 需要我們賦予權(quán)限才能訪(fǎng)問(wèn) Desktop 文件夾中的文件

圖片

此外，可能還需要聲明我們信任存儲(chǔ)在 Desktop 文件夾中的文件的作者

圖片

5. 創(chuàng)建一個(gè)擴(kuò)展名為 .py 的新文件。例如創(chuàng)建一個(gè)新文件并將其命名為 prog_01.py。VS Code 檢測(cè)到 .py 擴(kuò)展名并想要安裝 Python 擴(kuò)展

圖片

要在 VS Code 中使用 Python，我們需要安裝 Python 擴(kuò)展，它帶來(lái)了許多有用的功能，例如帶有代碼補(bǔ)齊、調(diào)試、單元測(cè)試支持等功能

圖片

點(diǎn)擊安裝

圖片

我們也可以通過(guò)瀏覽擴(kuò)展來(lái)安裝 Python 擴(kuò)展。點(diǎn)擊 VS Code 左側(cè)的 Extensions 圖標(biāo)

圖片

這里會(huì)顯示 VS Code 市場(chǎng) 上最流行的 VS Code 擴(kuò)展列表。現(xiàn)在我們可以選擇 Python 擴(kuò)展并安裝它

圖片

6. 安裝擴(kuò)展后，我們必須手工選擇 Python 解釋器，單擊選擇 Python 解釋器

圖片

然后在列表中選擇推薦的 Python 解釋器

圖片

如果我們的 Mac 上安裝了多個(gè) Python 版本，需要在這里進(jìn)行選擇

圖片

在 VS Code 中創(chuàng)建和運(yùn)行 Python 文件

現(xiàn)在我們擁有在 VS Code 中編寫(xiě)和運(yùn)行 Python 代碼所需的一切，接下來(lái)讓我們?cè)?VS Code 中編寫(xiě)以下代碼，然后運(yùn)行它

def palindrome(a):
        a = a.upper()
        return a == a[::-1]
name = input("Enter a name: ")
if palindrome(name):
        print("It's a palindrome name.")
else:
        print("It's not a palindrome name.")

通過(guò)單擊 VS Code 右上角的 ?? 按鈕運(yùn)行代碼，我們可以在終端上看到相應(yīng)的輸出。首先詢(xún)問(wèn)名稱(chēng)，輸入一個(gè)名稱(chēng)，然后按回車(chē)鍵。它輸出 It's a palindrome name。如果輸入的名字是回文，否則輸出It's not a palindrome name..

回文詞是一個(gè)字母序列，前后讀法相同，例如 Hannah、Anna 和 Bob

圖片

正如我們所看到的，所有輸出都出現(xiàn)在集成終端中，下面讓我們多談?wù)勥@個(gè)奇妙的功能

VS Code 通過(guò)將這個(gè)不錯(cuò)的功能嵌入到 IDE 中為開(kāi)發(fā)人員帶來(lái)了極大的便利，因?yàn)閳?zhí)行終端命令幾乎是編寫(xiě)代碼的一個(gè)組成部分。要查看終端，我們可以在 macOS 或 Windows 機(jī)器上鍵入 Ctrl + `，或使用 View > Terminal 菜單命令。此外，如果我們想殺死集成終端，可以單擊終端窗口右上角的 bin 圖標(biāo)。從技術(shù)上講，集成終端使用計(jì)算機(jī)上已安裝的 shell — 例如，Windows 上的 PowerShell 或命令提示符，以及 macOS 和 Linux 上的 bash 或 zsh

Visual Studio Code 允許我們自定義設(shè)置終端的外觀。打開(kāi)終端設(shè)置頁(yè)面，單擊終端窗口右上角的向下箭頭按鈕，然后選擇配置終端設(shè)置選項(xiàng)，就可以輕松自定義字體、間距和光標(biāo)樣式

圖片

VS Code 的另一個(gè)不錯(cuò)的功能是我們可以輕松地在多個(gè) shell 之間切換，甚至可以更改集成終端中使用的默認(rèn) shell。請(qǐng)單擊終端窗口右上角的向下箭頭按鈕，然后選擇 Select Default Profile 選項(xiàng)

圖片

將出現(xiàn)一個(gè)預(yù)先填充的可用 shell 列表，可以選擇其中一個(gè)作為默認(rèn)終端 shell。讓我們選擇 bash shell

圖片

通過(guò)單擊終端窗口右上角的加號(hào)圖標(biāo)創(chuàng)建新終端后，它將使用 bash shell，如下所示

圖片

使用 REPL

VS Code 中的另一個(gè)非常有用的功能是運(yùn)行單行或多行代碼，只需選擇它們并從上下文菜單中選擇 Run Selection/Line in Python Terminal 選項(xiàng)

在上面創(chuàng)建的 Python 文件中，編寫(xiě)以下語(yǔ)句

print("Hello, world!")

然后選擇該語(yǔ)句，并右鍵單擊并選擇 Run Selection/Line in Python Terminal 選項(xiàng)，如下所示

圖片

輸出出現(xiàn)在集成終端中，但以不同的形式出現(xiàn)，稱(chēng)為 REPL。讓我們?cè)敿?xì)了解一下 REPL 及其優(yōu)勢(shì)

REPL 代表讀取、評(píng)估、打印、循環(huán)。這是一種使用 Python 解釋器并直接在終端中運(yùn)行命令的交互式方式。在 REPL 中，三個(gè)右箭頭符號(hào)表示輸入行

在 VS Code 中啟動(dòng) REPL 的另一種方法如下：打開(kāi)命令面板，搜索 REPL，然后點(diǎn)擊 Python: Start REPL

圖片

將出現(xiàn)交互式 Python shell，我們可以在 >>> 提示符處輸入命令，然后只需按 Enter 或 return 鍵即可執(zhí)行它們，如下所示

圖片

REPL 的一個(gè)很棒的特性就是我們可以立即看到運(yùn)行命令的結(jié)果，因此如果我們想嘗試一些代碼行或嘗試使用 API，REPL 是一個(gè)很好的方法

格式化 Python 代碼

我們應(yīng)該養(yǎng)成在開(kāi)始編寫(xiě)程序后立即以適當(dāng)格式編寫(xiě)代碼的習(xí)慣，Python 有一個(gè)著名的 Python 代碼風(fēng)格指南，稱(chēng)為 PEP 8，它使我們的代碼易于閱讀和理解。我們可以在 Python 官方網(wǎng)站上查看該風(fēng)格指南

https://www.python.org/dev/peps/pep-0008/

接下來(lái)我們將學(xué)習(xí)如何使用 Autopep8 包自動(dòng)將格式應(yīng)用于我們的代碼。這個(gè)包可以使用 pip 命令安裝，自動(dòng)格式化 Python 代碼以符合 PEP 8 風(fēng)格指南。毫無(wú)疑問(wèn) VS Code 支持使用 Autopep8 包進(jìn)行自動(dòng)代碼格式化

讓我們看看如何安裝包并在 VS Code 中啟用它

首先，在集成終端中執(zhí)行以下命令安裝 Autopep8 包

pip3 install autopep8

安裝完成后，關(guān)閉終端?，F(xiàn)在打開(kāi) VS Code 的設(shè)置，搜索“Python formatting”，Autopep8 Path 和 Provider 字段都需要填寫(xiě)為 autopep8

圖片

最后一步是在保存時(shí)啟用自動(dòng)格式化

圖片

當(dāng)我們保存文件時(shí)，啟用此功能會(huì)在 Python 源文件上應(yīng)用所有 PEP 8 規(guī)則

重構(gòu) Python 代碼

在討論在 VS Code 中重構(gòu) Python 代碼之前，我們先來(lái)看一下重構(gòu)的定義

代碼重構(gòu)是重構(gòu)現(xiàn)有計(jì)算機(jī)代碼的過(guò)程——改變因式分解——而不改變其外部行為以使其更易于閱讀和維護(hù)——維基百科

Python 擴(kuò)展提供了基本的重構(gòu)功能，例如重命名符號(hào)、提取方法、提取變量等。例如，要將 palindrome() 方法名稱(chēng)更改為 check_palindrome()，請(qǐng)右鍵單擊方法名稱(chēng)，然后選擇 Rename Symbol 選項(xiàng)：

圖片

在文本框中輸入新名稱(chēng) check_palindrome，然后按 Enter 重命名

圖片

現(xiàn)在我們可以看到所有回文相關(guān)名稱(chēng)都已更改為 check_palindrome

圖片

下面讓我們嘗試 extract method 功能，創(chuàng)建一個(gè)新的 Python 文件并將以下代碼粘貼到其中

height = 5
width = 4
area = height * width
print("Room's area =", area, "square meters")

選擇第三行，右鍵單擊，然后從上下文菜單中選擇重構(gòu)選項(xiàng)

圖片

然后點(diǎn)擊 Extract method 按鈕，在出現(xiàn)的文本框中輸入新名稱(chēng)calc_area，然后回車(chē)重命名

圖片

Python 交互窗口

一個(gè)非常重要的功能是 Visual Studio Code 支持使用 Jupyter Notebooks。要在交互式窗口中運(yùn)行當(dāng)前文件，可以在資源管理器窗格中右鍵單擊文件名，然后從上下文菜單中選擇“在交互式窗口中運(yùn)行當(dāng)前文件”選項(xiàng)，如下所示

圖片

如果尚未安裝 Jupyter 包，它會(huì)顯示一個(gè)對(duì)話(huà)框并要求安裝它

圖片

安裝完成后會(huì)出現(xiàn)一個(gè)交互窗口，此時(shí)需要輸入一個(gè)名字來(lái)判斷是否為回文

圖片

最后，可以在交互窗口中看到結(jié)果，如下

圖片

此外，要在 VS Code 中創(chuàng)建新的 Jupyter Notebook，需要打開(kāi)命令面板，然后選擇 Jupyter: Create New Jupyter Notebook，如下所示

圖片

它將創(chuàng)建一個(gè)新的 Jupyter Notebook，可以在 VS Code 中簡(jiǎn)單地創(chuàng)建 markdown 和代碼單元

圖片