目錄

Code[1] 是程序員可用的最酷的代碼編輯器之一，它是一個(gè)開源、可擴(kuò)展、輕量級(jí)的編輯器，適用于所有平臺(tái)。 正是這些特性使得[2]Code非常受歡迎并且成為一個(gè)很好的開發(fā)平臺(tái)。

在本文中，您將了解如何使用代碼進(jìn)行開發(fā)，包括如何：

我們假設(shè)您熟悉開發(fā)并且已經(jīng)在您的系統(tǒng)上安裝了某種形式的開發(fā)（2.7、3.6/3.7 或其他）。 確保您的屏幕截圖和演示可用。 由于代碼在所有主要平臺(tái)上運(yùn)行，因此您可能會(huì)看到略有不同的 UI 元素，并且可能需要修改某些命令。

安裝并配置開發(fā)代碼

在任何平臺(tái)上安裝代碼都非常容易[3]。 [4]、Mac[5]和Linux[6]都有完整的安裝教程，編輯器每月更新一次以提供新功能和錯(cuò)誤修復(fù)。 您可以在代碼網(wǎng)站 [7] 上找到所有信息：

你可能會(huì)想，Code（簡(jiǎn)稱 VS Code）除了與它所基于的同名大型軟件[8]同名之外，幾乎沒有任何共同點(diǎn)。

除了對(duì)多種語(yǔ)言的內(nèi)置支持之外，Code 還具有擴(kuò)展模型，支持豐富的其他語(yǔ)言生態(tài)系統(tǒng)。 VS Code 每月更新一次，您可以在博客上了解最新更新[9]。 甚至公開了 VS Code 存儲(chǔ)庫(kù)[10]，以允許任何人克隆和貢獻(xiàn)代碼。 （提示公關(guān)洪水。）

VS Code 用戶界面 [11] 有很好的文檔記錄，因此我不會(huì)在這里詳細(xì)介紹。

開發(fā)擴(kuò)展

如上所述，VS Code 通過文檔齊全的擴(kuò)展模型支持多種編程語(yǔ)言的開發(fā)[12]。 擴(kuò)展[13]允許我們用Code進(jìn)行開發(fā)，具有以下特點(diǎn)：

代碼擴(kuò)展不僅僅包括編程語(yǔ)言功能：

以下是我發(fā)現(xiàn)有用的一些擴(kuò)展和設(shè)置：

當(dāng)然，使用 VS Code 時(shí)您會(huì)發(fā)現(xiàn)其他有用的擴(kuò)展。 請(qǐng)?jiān)谠u(píng)論部分分享您的發(fā)現(xiàn)和設(shè)置[32]！

您可以通過單擊活動(dòng)欄上的圖標(biāo)來發(fā)現(xiàn)并安裝新的擴(kuò)展和主題。 您可以使用關(guān)鍵字搜索擴(kuò)展，以多種方式對(duì)結(jié)果進(jìn)行排序，并快速輕松地安裝擴(kuò)展。 對(duì)于本文，通過鍵入并單擊活動(dòng)欄項(xiàng)目來安裝擴(kuò)展：

您可以以相同的方式找到并安裝上面提到的任何擴(kuò)展。

代碼配置文件

值得一提的是，代碼可以通過用戶和[33]（用戶和工作區(qū)設(shè)置）進(jìn)行高度配置。

用戶設(shè)置是所有代碼實(shí)例的全局設(shè)置，而工作區(qū)設(shè)置是特定文件夾或項(xiàng)目工作區(qū)的本地設(shè)置。 工作區(qū)設(shè)置為 VS Code 提供了很大的靈活性，我將在本文中引用它們。 工作區(qū)設(shè)置作為 .json 文件存儲(chǔ)在名為 的項(xiàng)目工作區(qū)本地文件夾中。

開始一個(gè)新程序

讓我們從新程序開始探索代碼開發(fā)。 在 VS Code 中，按 ∧Ctrl+N 打開新文件。 （也可以從菜單中選擇“文件”、“新建”打開）

注意：Code UI 提供了一個(gè)命令面板 [34]，您可以在其中搜索并執(zhí)行任何命令，而無(wú)需離開鍵盤。 使用∧Ctrl+Shift+P打開命令面板，輸入File:New File，然后按Enter鍵打開一個(gè)新文件。

無(wú)論您如何打開新文件，您都會(huì)看到一個(gè)與下圖類似的 VS Code 窗口：

新文件打開后，您可以輸入代碼。

輸入代碼

對(duì)于我們的測(cè)試代碼，讓我們快速編寫 Sieve of [35] 項(xiàng)目（查找所有小于給定數(shù)字的素?cái)?shù)）。 在剛剛打開的新選項(xiàng)卡中輸入以下代碼：

您將看到與此類似的結(jié)果：

等等，發(fā)生了什么事？ 為什么代碼不執(zhí)行任何關(guān)鍵字突出顯示、自動(dòng)格式設(shè)置或其他有用的操作？ 它有什么作用？

答案是，現(xiàn)在 VS Code 不知道它正在處理什么類型的文件。 該緩沖區(qū)被命名為-1。 查看窗口的右下角，您將看到“純文本”字樣。

要激活擴(kuò)展，請(qǐng)將文件保存為 sieve.py（通過從菜單中選擇“文件”、“保存”，在命令面板中鍵入“文件：保存文件”，或僅使用 ∧Ctrl+S）。 VS Code 將看到 .py 擴(kuò)展名并將文件正確解釋為代碼。 您的窗口現(xiàn)在應(yīng)該如下所示：

這樣好多了！ VS Code 會(huì)自動(dòng)將文件重新格式化為 ，您可以通過檢查左下角的語(yǔ)言模式來驗(yàn)證這一點(diǎn)。

如果您安裝了多個(gè)版本（如 2.7、3 左右）。 您可以通過單擊語(yǔ)言模式指示器或從命令選項(xiàng)板中選擇來更改 VS Code 默認(rèn)使用的解釋器。 VS Code 默認(rèn)支持使用 pep8 進(jìn)行格式化[36]，也可以選擇 black 或 yapf。

現(xiàn)在讓我們添加其余的 Sieve 代碼。 要查看它是否有效，請(qǐng)直接鍵入此代碼，無(wú)需剪切和粘貼，您將看到如下內(nèi)容：

以下是基本篩選的完整代碼：

當(dāng)您鍵入此代碼時(shí)，VS Code 將自動(dòng)縮進(jìn) for 和 if 語(yǔ)句下方的行、添加右括號(hào)并為您提供建議。 這就是降臨到你身上的力量。

運(yùn)行代碼

現(xiàn)在代碼已完成，您可以運(yùn)行它。 您無(wú)需離開編輯器即可執(zhí)行此操作：代碼可以直接在編輯器中運(yùn)行程序。 保存文件（使用 ∧Ctrl+S），然后在編輯器窗口中右鍵單擊并選擇運(yùn)行文件于：

您應(yīng)該看到終端窗格出現(xiàn)在窗口底部并顯示代碼輸出。

支持

輸入時(shí)您可能會(huì)看到一個(gè)彈出窗口，表明該功能不可用。 默認(rèn)情況下，您可以從此彈出窗口快速安裝支持。 VS Code 還支持其他功能。 以下是撰寫本文時(shí)可用的完整列表：

第 [37] 頁(yè)包含有關(guān)如何設(shè)置每個(gè)內(nèi)容的完整詳細(xì)信息。

注意：該選擇是項(xiàng)目工作區(qū)設(shè)置，而不是全局用戶設(shè)置。

編輯現(xiàn)有項(xiàng)目

在示例的 Sieve 中，您創(chuàng)建了一個(gè)文件。 作為一個(gè)很好的例子，但很多時(shí)候當(dāng)您需要?jiǎng)?chuàng)建一個(gè)大型項(xiàng)目并在很長(zhǎng)一段時(shí)間內(nèi)對(duì)其進(jìn)行開發(fā)時(shí)。 典型的新項(xiàng)目工作流程可能如下所示：

在項(xiàng)目（而不是單個(gè)文件）上使用 Code 可以提供更多功能，并讓 VS Code 發(fā)揮其優(yōu)勢(shì)。 讓我們看看它如何處理大型項(xiàng)目。

在前幾年的后期，當(dāng)我還是一個(gè)非常年輕的程序員時(shí)，我編寫了一個(gè)計(jì)算器程序，該程序使用調(diào)度碼算法（yard）[38]的改編來解析用中綴表示法編寫的方程。 模式。

為了演示 Code 以項(xiàng)目為中心的性質(zhì)，我開始在 [39] 中重新創(chuàng)建調(diào)度場(chǎng)算法 (yard) 作為方程計(jì)算庫(kù)。 要繼續(xù)，請(qǐng)隨意從本地存儲(chǔ)庫(kù)克隆它。

本地創(chuàng)建文件夾后，可以在 VS Code 中快速打開整個(gè)文件夾。 我的首選方法（如上所述）修改如下，因?yàn)槲乙呀?jīng)創(chuàng)建了文件夾和基本文件：

VS Code 可以理解并使用以這種方式打開時(shí)讀取的任何 [40]、[41] 或 conda[42] 環(huán)境。 您甚至不需要首先啟動(dòng)虛擬環(huán)境！ 您甚至可以從用戶界面中使用“文件”、“從菜單中打開”打開該文件夾，或者從鍵盤上使用快捷鍵 ∧Ctrl+K、∧Ctrl+O 或使用“文件：從命令選項(xiàng)板打開”打開該文件夾。

對(duì)于我的方程計(jì)算庫(kù)項(xiàng)目，我會(huì)看到以下內(nèi)容：

當(dāng) Code 打開文件夾時(shí)，它還會(huì)打開上次打開的文件。 （這是可配置的）。 您可以打開、編輯、運(yùn)行和調(diào)試任何列出的文件。 左側(cè)活動(dòng)欄中的視圖提供文件夾中所有文件的視圖，并顯示當(dāng)前選項(xiàng)卡集中有多少未保存的文件。

測(cè)試支持

VS Code 可以自動(dòng)識(shí)別框架中編寫的現(xiàn)有測(cè)試，或者 Nose 框架 [43]（如果這些框架已經(jīng)安裝在當(dāng)前環(huán)境中）。 我為方程計(jì)算庫(kù) [44] 編寫了一個(gè)單元測(cè)試，您可以在本示例中使用它。

要運(yùn)行現(xiàn)有的單元測(cè)試，您可以右鍵單擊項(xiàng)目中的任何文件，然后選擇運(yùn)行單元測(cè)試文件。 系統(tǒng)將提示您指定測(cè)試框架、在項(xiàng)目中搜索測(cè)試的位置以及用于測(cè)試的文件名模式。

所有這些都作為工作區(qū)設(shè)置保存到本地 ./.json 文件中，您也可以在此處修改它們。 對(duì)于這個(gè)方程項(xiàng)目，您只需選擇當(dāng)前文件夾和 *_test.py 模式。

設(shè)置測(cè)試框架并且編輯器發(fā)現(xiàn)測(cè)試后，您可以通過單擊狀態(tài)欄上的運(yùn)行測(cè)試并從命令選項(xiàng)板中選擇一個(gè)選項(xiàng)來運(yùn)行所有測(cè)試：

您甚至可以通過在 VS Code 中打開測(cè)試文件，單擊狀態(tài)欄上的“運(yùn)行測(cè)試”，然后選擇“運(yùn)行單元測(cè)試...”以及要運(yùn)行的特定測(cè)試來運(yùn)行單獨(dú)的測(cè)試。 這使得定位單個(gè)測(cè)試失敗和重新運(yùn)行失敗的測(cè)試變得非常容易，并且可以節(jié)省大量時(shí)間！ 測(cè)試結(jié)果顯示在測(cè)試日志下的窗口中。

調(diào)試支持

盡管 VS Code 是一個(gè)代碼編輯器，但也可以在 VS Code [45] 中直接調(diào)試。 VS Code 提供了您期望良好的代碼調(diào)試器所具備的許多功能，包括：

您可以在活動(dòng)欄的“調(diào)試”視圖中看到它們：

調(diào)試器可以控制在內(nèi)置終端或外部終端實(shí)例中運(yùn)行的應(yīng)用程序。 它還可以附加到已經(jīng)運(yùn)行的實(shí)例，甚至可以調(diào)試 [46] 和 Flask [47] 應(yīng)用程序。

調(diào)試單個(gè)文件中的代碼就像使用 F5 啟動(dòng)調(diào)試器一樣簡(jiǎn)單。 使用F10和F11分別跳出和進(jìn)入函數(shù)，使用Shift+F5退出調(diào)試器。 您可以使用F9來設(shè)置斷點(diǎn)，也可以使用鼠標(biāo)單擊編輯器窗口的左邊距來設(shè)置斷點(diǎn)。

在開始調(diào)試更復(fù)雜的項(xiàng)目（包括 Flask 應(yīng)用程序）之前，您需要對(duì)其進(jìn)行設(shè)置并選擇調(diào)試配置。 設(shè)置調(diào)試配置相對(duì)簡(jiǎn)單。在“調(diào)試”視圖中，選擇下拉菜單，然后單擊“添加”并選擇

代碼將在當(dāng)前文件夾中創(chuàng)建一個(gè)名為 ./.json 的調(diào)試配置文件，該文件允許您設(shè)置特定配置[48]和調(diào)試特定應(yīng)用程序[49]（例如 Flask）的設(shè)置。

您甚至可以執(zhí)行遠(yuǎn)程調(diào)試，以及調(diào)試 Jinja 和模板。 在編輯器中關(guān)閉 .json 文件，然后從下拉菜單中為您的應(yīng)用程序選擇適當(dāng)?shù)呐渲谩?/p>

Git 集成

VS Code 具有對(duì)源代碼控制管理 [50] 的內(nèi)置支持，并提供對(duì) Git 和 . 您可以在 VS Code 中安裝對(duì)其他 SCM 的支持并一起使用它們。 可以從視圖訪問源代碼控制：

如果你的項(xiàng)目文件夾包含 .git 文件夾，VS Code 將自動(dòng)打開 Git/[51] 的完整功能。 以下是您可以完成的一些任務(wù)：

所有這些函數(shù)都可以直接從 VS Code 用戶界面調(diào)用：

VS Code 還可以識(shí)別編輯器外部所做的更改并正確處理它們。

在 VS Code 中提交最近的更改是一個(gè)相當(dāng)簡(jiǎn)單的過程。 在視圖中，修改的文件顯示為 M 標(biāo)記，而新的、未跟蹤的文件顯示為 U 標(biāo)記。 將鼠標(biāo)懸停在文件上并單擊加號(hào) (+) 以查看您的更改。 在視圖頂部添加提交消息，然后單擊復(fù)選框以提交更改：

您還可以將本地提交推送到 VS Code。 從“視圖”菜單中選擇“同步”或單擊分支指示器旁邊的狀態(tài)欄 [57] 上的“同步更改”。

綜上所述

Code 是最酷的通用編輯器之一，也是開發(fā)的絕佳選擇。 在本文中您了解到：

代碼已成為我用于開發(fā)和其他任務(wù)的默認(rèn)編輯器，我希望您能給它一個(gè)機(jī)會(huì)sublime text 3文件夾視圖，并讓它成為您的。

如果您有任何問題或意見，請(qǐng)?jiān)谙旅娴脑u(píng)論部分留下。 Code網(wǎng)站[58]上有很多信息我們這里就不介紹了。

作者要感謝 Code 團(tuán)隊(duì)的 Dan [59] 花費(fèi)時(shí)間并為本文提供了寶貴的信息。

相關(guān)鏈接：

[1]--

[2]--

[3]——

[4]——

[5]——

[6]——

（字?jǐn)?shù)限制sublime text 3文件夾視圖，其他鏈接未列出...）

英文原文：

譯者：憂郁紅秋褲

如有侵權(quán)請(qǐng)聯(lián)系刪除！