10 個好用的 Visual Studio Code 插件

2021-02-25 前端之巔

無論你是經驗豐富的程式設計師,還是剛開始從事第一份工作的程式設計師「小白」,你都想讓程序開發變得更容易。使用正確的工具,你就能夠做到這點。

如果你正在使用的 IDE 是 Visual Studio Code,那可以讓它變得更合你的「口味」。其中一個方式就是安裝正確的插件。你可以儘可能多地安裝插件,從而讓編程變得更容易。

無疑,插件對你的工作效率和工作方式有著很大影響。這就是為什麼我們接下來會看看 Visual Studio Code 的插件清單。

我們改變工具,之後,工具也會改變我們。——Jeff Bezos

注意:所有這些插件都可以在 Visual Studio Marketplace 上面免費獲取。

Visual Studio Marketplace 地址:

https://marketplace.visualstudio.com/

1 Visual Studio Intellicode

Visual Studio Intellicode 有著 320 萬下載量,是 Visual Studio 上下載次數最多的插件。並且,在我看來,它會是你用過的最有用的插件之一。

這個插件能幫助開發人員生成智能代碼補全提示,並且它內置支持很多種程式語言。

Visual Studio Intellicode 使用機器學習技術,通過學習大量 GitHub 項目的代碼,能找到一些編碼模式,然後在你編程時給予代碼提示。

「誰寫的這段代碼?」

每隔一段時間,你都可能需要了解某段代碼是誰寫的。正好,Git Blame 就可以幫你。Git Blame 會告訴你最後修改這行代碼的人是誰。最重要的是,你可以看到這處修改發生在哪次提交裡。

這個信息很有用,特別是當你在某個產品功能分支上開發時尤其有用。當使用產品功能分支開發時,你通過點擊以你分支名命名的標籤,就可以跳到相應信息。由於 Git Blame 會告訴你這行代碼是在哪個提交和哪個分支上修改的,所以你就知道了哪個標籤對應著這次修改。這將幫助你更好地理解這種修改背後的邏輯。

對那些想嚴格遵守一組編碼規則格式的開發者來說,Prettier 是相當有用的插件。它是一個很有吸引力的插件,允許你使用 Prettier 開發包。並且,它是一個健壯的、固守成規的代碼格式化利器,允許開發者將他們的代碼進行格式化。

4 JavaScript(ES6) Code Snippets

每一個新潮的 Web 開發者應該都大概率使用過不同類別的 JavaScript 軟體棧部分。不管你選擇了什麼 JavaScript 框架,在不同的項目中直接生成同樣的基礎代碼都將縮短你的工作流程。

JavaScript(ES6) Code Snippets 就是這樣一款便利插件,它為開發者們提供了一些有用的 JavaScript 代碼片段。它將標準的 JavaScript 函數調用綁定到簡單的快捷鍵上。一旦你熟練使用這個插件,它就能極大地提高你的開發效率。

可能你已經猜到了,這款插件可以幫助使用樣式表的開發者。一旦開始為應用程式創建樣式表,你絕對想要使用 Sass 這款插件。這款插件支持縮進 Sass 語法高亮、自動補全和格式化。

當涉及到樣式時,你絕對想要在你的工具庫中加入這個工具。

Path Intellisense 可以快速提高你的開發效率。如果你同時開發多個項目,並使用很多不同的技術,你肯定想要一個方便的工具,它能幫你記住文件路徑。這款插件就能為你節省很多這方面的時間,幫你省去找到正確文件路徑的時間。

如果你想調試 JavaScript 程序,你可以不必離開 Visual Studio Code 開發環境。Debugger for Chrome 這款插件就可以做到這點,它由微軟發布,允許你在 Visual Studio Code 中直接調試網頁源文件。

ESLint 插件將 ESLint 集成進了 Visual Studio Code 中。如果你還不了解這款插件,我簡單說一下,這款插件會靜態分析你的代碼,快速找到代碼中的問題。

ESLint 找到的大部分問題都可以由其自動修復。ESLint 會根據當前文件使用的語法進行自動修復,所以就不會像傳統的「尋找 - 替換」算法那樣產生語法錯誤。最重要的是,ESLint 是高度可定製化的。

SVG Viewer 擴展插件為在 Visual Studio Code 中使用 SVG 圖像提供了大量工具。這款插件能在編輯器中渲染 SVG 文件,這樣就不用離開編輯器也能看到 SVG 圖片的樣子。

而且,這款插件還可以將圖片轉換成 PNG 圖片,以及生成數據 URI 模式。

最後一個,也很重要,這就是 Themes 插件。你每天都要面對你的編輯器,那為什麼不把它裝飾得好看點?有大量插件能改變顏色方案和側邊欄上的圖標。一些受歡迎的免費主題包括:

One Monokai:

https://marketplace.visualstudio.com/items?itemName=azemoh.one-monokai

One Dark Pro:

https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme

Material Icon:

https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme

原文連結:https://medium.com/better-programming/10-extremely-helpful-visual-studio-code-plugins-for-programmers-c8520a3dc4b8

相關焦點

  • 10個好用的Visual Studio Code插件
    Visual Studio Marketplace 地址:https://marketplace.visualstudio.com/ 1 Visual Studio Intellicode Visual Studio Intellicode 有著 320 萬下載量,是 Visual Studio 上下載次數最多的插件。
  • 程式設計師請收好:10個非常有用的Visual Studio Code插件
    一、Visual Studio Intellicode下載超過320萬次的Visual Studio Intellicode是Visual Studio下載次數最多的插件之一。而且,在我看來,它是你能用到的最有用的插件之一。
  • 30 個超實用的 Visual Studio Code插件
    點擊藍色「最碼農」關注我喲加個「
  • 10 個好用的 Visual Studio Code 插件「神器」
    1.Visual Studio Intellicode Visual Studio Intellicode 有著 320 萬下載量,是 Visual Studio 上下載次數最多的插件。並且,在我看來,它會是你用過的最有用的插件之一。這個插件能幫助開發人員生成智能代碼補全提示,並且它內置支持很多種程式語言。
  • 10 個炒雞好用的 VS Code 插件 「神器」!
    Visual Studio Intellicode下載超過 320 萬次的 Visual Studio Intellicode 是 Visual Studio 下載次數最多的插件之一。而且,在我看來,它是你能用到的最有用的插件之一。這個插件旨在幫助開發人員提供智能的代碼完成建議而構建的,並且已預先構建了對多種程式語言的支持。
  • Java on Visual Studio Code的更新 – 2022年1月
    Language Support for Java ™https://devblogs.microsoft.com/java/language-server-1-0/一系列優化https://devblogs.microsoft.com/java/java-on-visual-studio-code-update-october-2021/
  • 剖析並利用Visual Studio Code在Mac上編譯、調試c#程序
    不過visual studio code這種編輯器顯然會提供很方便的用戶自定義的Json配置。那麼匹夫為了找到控制快捷鍵配置的Json文件,匹夫首先使用cmd+p這個快捷鍵組合,將visual studio code的command顯示出來。
  • 微軟visual studio誕生20年回顧
    visual studio以極佳的用戶體驗和高效的協助工程師工作而著稱, 深得無數開發者喜愛。今年是2017年,意味著visual studio已經20歲了, 同時visual studio 2017 RC也已經發布。下面我們來回顧下visual studio成長的點點滴滴。visual studio 97
  • 通過 railway 和 code-server 搭建網頁版的 visual studio code
    除了用一些SSH Terminal[2]遠程登陸伺服器用 vim 改代碼, 平板上做開發並沒有很好用的 IDE.Railway.appServerless[3] 是類似 heroku 在雲端部署程序的, railyway 提供免費帳號每個月 5 美元, 通過綁定信用卡 (Developer Plan) 每月免費 10 美元, 可以用它來部署 code-server 或其它 Application (無伺服器的應用).
  • Visual Studio Code 1.13 發布,趕緊試試
    Visual Studio Code 1.13 發布了,該版本包含一些重要的更新,亮點包括:Changes to settings defaults - 默認啟用一些有用的功能Editor - 可縮放的 Find 插件,新的 folding 控制設置。Languages - JSX / TSX 組件突出顯示,Markdown headers in symbol search。
  • 2018 年最受歡迎的 Visual Studio Code 擴展插件合集
    #掃描上方二維碼報名成都源創會#原文:https://ricardodsanchez.com/2018/08/03/favorite-visual-studio-code-extensions-ofNpm Intellisense – Visual Studio Code 插件,用於在 import 語句中自動填充 npm 模塊。Code Spell Checker – 一個與 camelCase 代碼配合使用的基本拼寫檢查程序。此拼寫檢查程序可以幫助捕獲常見的拼寫錯誤,同時保證減少誤報的數量。
  • 給宇宙最強Visual Studio Code配置編譯和運行C/C++
    來自:Linux迷  https://www.linuxmi.com/ubuntu-visual-studio-code-c.html
  • Linux上配置 Visual Studio Code 編譯和運行C/C++
    來自:Linux迷連結:https://www.linuxmi.com/ubuntu-visual-studio-code-c.html
  • 10個非常實用的 VS Code 插件
    實現此目的的一種方法是安裝正確的插件。為了讓你的生活儘可能的簡單,你可以添加很多你想要的內容。你使用的插件將會對你的工作效率以及工作方式產生很大的影響。這就是為什麼我們要運用Visual Studio Code插件列表的原因。我們改變工具,工具再改變我們。——傑夫·貝佐斯(Jeff Bezos)請注意,所有這些插件都可以在Visual Studio Marketplace 上免費獲得。
  • Visual Studio Code 最新版本發布
    在這個裡程碑版本期間,我們關閉了所有 Visual Studio Code 存儲庫中的2199個問題。 但又新增了 1925 個問題,所以確切地說,只減少了274個。相比3月份而言,四月看起來相當不錯。
  • 如何在 Linux 中安裝 Visual Studio Code
    下面是在所有 Linux 發行版中安裝 Visual Studio Code 的幾個簡單步驟。1. 下載 Visual Studio Code 軟體包首先,我們要從微軟伺服器中下載 64 位 Linux 作業系統的 Visual Studio Code 安裝包,連結是 http://go.microsoft.com/fwlink/?LinkID=534108。
  • 為什麼Visual Studio Code如此受歡迎?
    來自:Linux迷   連結:https://www.linuxmi.com/visual-studio-code-huanying.html
  • 使用 Visual Studio Code 開發 LINUX 上 C++ 應用
    以前開發 Linux 伺服器的程序,會有通過 samba 進行文件保存,或者先在 windows 上編譯測試,然後傳到 Linux 伺服器重新編譯測試。
  • 10 個實用的 VS Code 插件,告別低效率編程!
    https://marketplace.visualstudio.com/0、Visual Studio Intellicode下載超過 320 萬次的 Visual Studio Intellicode,是 VS Marketplace 上下載次數最多的插件之一。而且,在我看來,它是你能用到的最有用的插件之一。
  • 常用的Visual Studio Code 插件
    我們開發項目中,開發工具是必不可少的,接下來我來和大家講一講關於vs code常用的一些插件。