程序員寶典:10個Visual Studio Code插件
譯文【51CTO.com快譯】軟件開發(fā)已取得了長足發(fā)展,在滿足行業(yè)需求并實現自動化方面達到了很高的水平。無論是銀行、保險、金融、航空、機械還是其他任何行業(yè),應用軟件都是滿足需求的重要組成部分。
集成開發(fā)環(huán)境(IDE)也是如此,它有助于更快地部署軟件,縮短產品上市時間。
微軟一直是IDE領域的重要貢獻者。微軟開發(fā)的源代碼編輯器VS Code適用于Windows、Linux和macOS。憑借強大的開發(fā)框架Electron VS Code,可高度定制,讓用戶可以更改主題、鍵盤快捷方式和***項。此外,它還支持通過功能豐富的插件(extension)來構建額外功能。
VS Code編輯器為幾乎所有主要的編程語言提供了默認的支持,因此它是開發(fā)人員構建插件的選擇。這包括CSS、Python、Ruby、Groovy、JavaScript、TypeScript、CSS和HTML等。
據Stack Overflow開展的調查,Visual Studio Code被評為***的***開發(fā)者工具。如果你是軟件開發(fā)人員,又沒有試過它,今天應該試一下!
借助Extension API,Visual Studio Code的幾乎每個部分都可以定制和改進,從用戶界面到編輯體驗,不一而足。為了擴展功能,Visual Studio Code提供了許多插件。VS Code的許多核心功能都是作為插件而構建的,使用一樣的Extension API。
如果你是軟件開發(fā)人員,下面是VS Code插件可以為你做的幾個例子!
- 讓你可以使用自己選擇的編程語言編寫代碼,支持新的編程語言――是的,確實如此!你可以告訴VS Code想要使用的一種新的編程語言。VS Code將為編程語言添加基本的文本編輯支持,比如括號匹配、自動縮進和語法高亮顯示。
- 可以創(chuàng)建Web視圖,顯示用HTML/CSS/JS構建的自定義網頁。
- 可以在UI中構建自定義組件和視圖。
- 讓你可以使用顏色或圖標主題改變VS Code的外觀,或者可以將現有的TextMate主題改成VS Code。
- 注冊命令、配置、鍵綁定或上下文菜單項。
- 可以將現有的JavaScript代碼片段捆綁到插件及更多對象中!
總的來說,VS Code插件可以分為以下幾類:
- 常用功能
- 主題和聲明語言特征
- Workbench插件和調試支持
VS Code Extension Marketplace(https://marketplace.visualstudio.com/vscode)是一個在線商店,可以在其中找到大量的VS Code插件。
現在,不妨介紹幾個基于行業(yè)標準的知名VS Code插件,這些插件被全球軟件開發(fā)人員社區(qū)廣泛使用。我們還確信,你也會喜歡探究其中一些插件!
下面是你應知道的十大VS Code插件,應該至少探索一下:
1. Remote – Container
對于使用Docker Container的開發(fā)人員來說,這個插件“必不可少”。
Remote – Containers插件啟動(或附加到)運行明確定義的工具和運行時堆棧的開發(fā)容器。工作區(qū)文件被拷貝或克隆到容器中,或者從本地文件系統掛載。只要打開容器內的任何文件夾或加載到容器中,就可以充分利用Visual Studio Code的全部功能。
2. Python
如果需要你構建處理大量數據的應用軟件,那么Python將是你選擇的編程語言。這要求你使用為Python語言提供豐富支持的該Visual Studio Code插件(適用于所有得到積極支持的語言版本:2.7,> = 3.5),包括IntelliSense、內聯、調試、代碼導航、代碼格式化、Jupyter筆記本支持、重構、變量資源管理器、測試資源管理器和代碼片段等功能!
3. Path Intellisence
這絕對能為開發(fā)人員節(jié)省時間。因為常常很難記住文件的龐大名稱及文件夾位置。Path Intellisence幫助開發(fā)人員輕松輸入長路徑的名稱。它還有許多配置選項,讓你可以從不同的選項中進行選擇,比如目錄名稱是否應該有斜杠等。
4. Live Server
你可以使用Live Server插件,為本地服務器創(chuàng)建靜態(tài)頁面和動態(tài)頁面。任務欄有一個go-live按鈕,可用于以開發(fā)服務器的身份運行代碼。與Live Server一同提供的另一項功能是Live Reload,可在工作保存時立即重新加載頁面。
5. Visual Studio Intellicode
Visual Studio Intellicode是一種使用人工智能的插件。它通過提供代碼完成建議并支持許多編程語言來幫助開發(fā)人員。它有助于結合基于來自眾多開源GitHub存儲庫的學習模式的建議來編寫代碼。
6. Settings Sync
對于在多臺計算機上工作的開發(fā)人員,基于其個人選擇更改每臺計算機上的設置可能是很艱巨的任務。Settings Sync插件可幫助你在使用的所有計算機上同步設置。
7. Prettier
對于需要遵循一套風格指南的開發(fā)人員來說,Prettier是適合他們的插件!它可以幫你以你所需的格式編寫代碼。它是一種固定的代碼格式化插件,可以與JavaScript、HTML、CSS、Markdown和GraphQL等另外幾款工具協同使用。
8. Debugger for Chrome
它是用于Visual Studio Code的官方調試器插件。Debugger for Chrome插件可幫助開發(fā)人員簡化日常工作流程,方法是讓他們能夠直接從編輯器調試代碼。它可以幫助前端開發(fā)人員直接從VS Code調試在谷歌Chrome Web瀏覽器中運行的客戶端JavaScript代碼。
9. Bracket Pair Colorizer
有了Bracket Pair Colorizer,開發(fā)人員無需為匹配括號操心。該插件用特定顏色為匹配括號著色,使開發(fā)人員更易于閱讀代碼!毫無疑問,這對你來說是福音!
10. Quokka
對于不用離開編輯器即可即時檢查代碼的開發(fā)人員來,Quokka是最合適的Visual Code插件。它為你節(jié)省了時間,并實時檢查代碼。
固定的顏色代碼用于各種類型的結果。比如說,灰色方塊表示代碼尚未執(zhí)行,綠色方塊表示代碼已執(zhí)行。
但愿本文可以幫助你在各種VS Code插件中進行選擇!
原文標題:10 Visual Studio Code Extensions for Programmers,作者:Ravi Saive
【51CTO譯稿,合作站點轉載請注明原文譯者和出處為51CTO.com】