【51CTO.com快譯】軟件開(kāi)發(fā)已取得了長(zhǎng)足發(fā)展，在滿(mǎn)足行業(yè)需求并實(shí)現(xiàn)自動(dòng)化方面達(dá)到了很高的水平。無(wú)論是銀行、保險(xiǎn)、金融、航空、機(jī)械還是其他任何行業(yè)，應(yīng)用軟件都是滿(mǎn)足需求的重要組成部分。

集成開(kāi)發(fā)環(huán)境(IDE)也是如此，它有助于更快地部署軟件，縮短產(chǎn)品上市時(shí)間。

微軟一直是IDE領(lǐng)域的重要貢獻(xiàn)者。微軟開(kāi)發(fā)的源代碼編輯器VS Code適用于Windows、Linux和macOS。憑借強(qiáng)大的開(kāi)​​發(fā)框架Electron VS Code，可高度定制，讓用戶(hù)可以更改主題、鍵盤(pán)快捷方式和***項(xiàng)。此外，它還支持通過(guò)功能豐富的插件(extension)來(lái)構(gòu)建額外功能。

VS Code編輯器為幾乎所有主要的編程語(yǔ)言提供了默認(rèn)的支持，因此它是開(kāi)發(fā)人員構(gòu)建插件的選擇。這包括CSS、Python、Ruby、Groovy、JavaScript、TypeScript、CSS和HTML等。

據(jù)Stack Overflow開(kāi)展的調(diào)查，Visual Studio Code被評(píng)為***的***開(kāi)發(fā)者工具。如果你是軟件開(kāi)發(fā)人員，又沒(méi)有試過(guò)它，今天應(yīng)該試一下!

借助Extension API，Visual Studio Code的幾乎每個(gè)部分都可以定制和改進(jìn)，從用戶(hù)界面到編輯體驗(yàn)，不一而足。為了擴(kuò)展功能，Visual Studio Code提供了許多插件。VS Code的許多核心功能都是作為插件而構(gòu)建的，使用一樣的Extension API。

如果你是軟件開(kāi)發(fā)人員，下面是VS Code插件可以為你做的幾個(gè)例子!

• 讓你可以使用自己選擇的編程語(yǔ)言編寫(xiě)代碼，支持新的編程語(yǔ)言――是的，確實(shí)如此!你可以告訴VS Code想要使用的一種新的編程語(yǔ)言。VS Code將為編程語(yǔ)言添加基本的文本編輯支持，比如括號(hào)匹配、自動(dòng)縮進(jìn)和語(yǔ)法高亮顯示。
• 可以創(chuàng)建Web視圖，顯示用HTML/CSS/JS構(gòu)建的自定義網(wǎng)頁(yè)。
• 可以在UI中構(gòu)建自定義組件和視圖。
• 讓你可以使用顏色或圖標(biāo)主題改變VS Code的外觀，或者可以將現(xiàn)有的TextMate主題改成VS Code。
• 注冊(cè)命令、配置、鍵綁定或上下文菜單項(xiàng)。
• 可以將現(xiàn)有的JavaScript代碼片段捆綁到插件及更多對(duì)象中!

總的來(lái)說(shuō)，VS Code插件可以分為以下幾類(lèi)：

• 常用功能
• 主題和聲明語(yǔ)言特征
• Workbench插件和調(diào)試支持

VS Code Extension Marketplace(https://marketplace.visualstudio.com/vscode)是一個(gè)在線(xiàn)商店，可以在其中找到大量的VS Code插件。

現(xiàn)在，不妨介紹幾個(gè)基于行業(yè)標(biāo)準(zhǔn)的知名VS Code插件，這些插件被全球軟件開(kāi)發(fā)人員社區(qū)廣泛使用。我們還確信，你也會(huì)喜歡探究其中一些插件!

下面是你應(yīng)知道的十大VS Code插件，應(yīng)該至少探索一下：

1. Remote – Container

對(duì)于使用Docker Container的開(kāi)發(fā)人員來(lái)說(shuō)，這個(gè)插件“必不可少”。

Remote – Containers插件啟動(dòng)(或附加到)運(yùn)行明確定義的工具和運(yùn)行時(shí)堆棧的開(kāi)發(fā)容器。工作區(qū)文件被拷貝或克隆到容器中，或者從本地文件系統(tǒng)掛載。只要打開(kāi)容器內(nèi)的任何文件夾或加載到容器中，就可以充分利用Visual Studio Code的全部功能。

2. Python

如果需要你構(gòu)建處理大量數(shù)據(jù)的應(yīng)用軟件，那么Python將是你選擇的編程語(yǔ)言。這要求你使用為Python語(yǔ)言提供豐富支持的該Visual Studio Code插件(適用于所有得到積極支持的語(yǔ)言版本：2.7，> = 3.5)，包括IntelliSense、內(nèi)聯(lián)、調(diào)試、代碼導(dǎo)航、代碼格式化、Jupyter筆記本支持、重構(gòu)、變量資源管理器、測(cè)試資源管理器和代碼片段等功能!

3. Path Intellisence

這絕對(duì)能為開(kāi)發(fā)人員節(jié)省時(shí)間。因?yàn)槌３：茈y記住文件的龐大名稱(chēng)及文件夾位置。Path Intellisence幫助開(kāi)發(fā)人員輕松輸入長(zhǎng)路徑的名稱(chēng)。它還有許多配置選項(xiàng)，讓你可以從不同的選項(xiàng)中進(jìn)行選擇，比如目錄名稱(chēng)是否應(yīng)該有斜杠等。

4. Live Server

你可以使用Live Server插件，為本地服務(wù)器創(chuàng)建靜態(tài)頁(yè)面和動(dòng)態(tài)頁(yè)面。任務(wù)欄有一個(gè)go-live按鈕，可用于以開(kāi)發(fā)服務(wù)器的身份運(yùn)行代碼。與Live Server一同提供的另一項(xiàng)功能是Live Reload，可在工作保存時(shí)立即重新加載頁(yè)面。

5. Visual Studio Intellicode

Visual Studio Intellicode是一種使用人工智能的插件。它通過(guò)提供代碼完成建議并支持許多編程語(yǔ)言來(lái)幫助開(kāi)發(fā)人員。它有助于結(jié)合基于來(lái)自眾多開(kāi)源GitHub存儲(chǔ)庫(kù)的學(xué)習(xí)模式的建議來(lái)編寫(xiě)代碼。

6. Settings Sync

對(duì)于在多臺(tái)計(jì)算機(jī)上工作的開(kāi)發(fā)人員，基于其個(gè)人選擇更改每臺(tái)計(jì)算機(jī)上的設(shè)置可能是很艱巨的任務(wù)。Settings Sync插件可幫助你在使用的所有計(jì)算機(jī)上同步設(shè)置。

7. Prettier

對(duì)于需要遵循一套風(fēng)格指南的開(kāi)發(fā)人員來(lái)說(shuō)，Prettier是適合他們的插件!它可以幫你以你所需的格式編寫(xiě)代碼。它是一種固定的代碼格式化插件，可以與JavaScript、HTML、CSS、Markdown和GraphQL等另外幾款工具協(xié)同使用。

8. Debugger for Chrome

它是用于Visual Studio Code的官方調(diào)試器插件。Debugger for Chrome插件可幫助開(kāi)發(fā)人員簡(jiǎn)化日常工作流程，方法是讓他們能夠直接從編輯器調(diào)試代碼。它可以幫助前端開(kāi)發(fā)人員直接從VS Code調(diào)試在谷歌Chrome Web瀏覽器中運(yùn)行的客戶(hù)端JavaScript代碼。

9. Bracket Pair Colorizer

有了Bracket Pair Colorizer，開(kāi)發(fā)人員無(wú)需為匹配括號(hào)操心。該插件用特定顏色為匹配括號(hào)著色，使開(kāi)發(fā)人員更易于閱讀代碼!毫無(wú)疑問(wèn)，這對(duì)你來(lái)說(shuō)是福音!

10. Quokka

對(duì)于不用離開(kāi)編輯器即可即時(shí)檢查代碼的開(kāi)發(fā)人員來(lái)，Quokka是最合適的Visual Code插件。它為你節(jié)省了時(shí)間，并實(shí)時(shí)檢查代碼。

固定的顏色代碼用于各種類(lèi)型的結(jié)果。比如說(shuō)，灰色方塊表示代碼尚未執(zhí)行，綠色方塊表示代碼已執(zhí)行。

但愿本文可以幫助你在各種VS Code插件中進(jìn)行選擇!

原文標(biāo)題：10 Visual Studio Code Extensions for Programmers，作者：Ravi Saive

【51CTO譯稿，合作站點(diǎn)轉(zhuǎn)載請(qǐng)注明原文譯者和出處為51CTO.com】