10 個好用的 Visual Studio Code 插件「神器」

2021-01-07 InfoQ技術實驗室

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

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

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

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

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

1.Visual Studio Intellicode

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

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

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

2.Git Blame

「誰寫的這段代碼?」

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

這個信息很有用,特別是當你在某個產品功能分支上開發時尤其有用。當使用產品功能分支開發時,你通過點擊以你分支名命名的標籤,就可以跳到相應信息。

由於 Git Blame 會告訴你這行代碼是在哪個提交和哪個分支上修改的,所以你就知道了哪個標籤對應著這次修改。這將幫助你更好地理解這種修改背後的邏輯。

3.Prettier

對那些想嚴格遵守一組編碼規則格式的開發者來說,Prettier 是相當有用的插件。它是一個很有吸引力的插件,允許你使用 Prettier 開發包。

並且,它是一個健壯的、固守成規的代碼格式化利器,允許開發者將他們的代碼進行格式化。

4.JavaScript(ES6) Code Snippets

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

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

5.Sass

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

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

6.Path Intellisense

Path Intellisense 可以快速提高你的開發效率。如果你同時開發多個項目,並使用很多不同的技術,你肯定想要一個方便的工具,它能幫你記住文件路徑。

這款插件就能為你節省很多這方面的時間,幫你省去找到正確文件路徑的時間。

7.Debbuger for Chrome

如果你想調試 JavaScript 程序,你可以不必離開 Visual Studio Code 開發環境。

Debugger for Chrome 這款插件就可以做到這點,它由微軟發布,允許你在 Visual Studio Code 中直接調試網頁源文件。

8.ESLint

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

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

最重要的是,ESLint 是高度可定製化的!

9.SVG Viewer

SVG Viewer 擴展插件為在 Visual Studio Code 中使用 SVG 圖像提供了大量工具。

這款插件能在編輯器中渲染 SVG 文件,這樣就不用離開編輯器也能看到 SVG 圖片的樣子。

10.Themes

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

相關焦點

  • 程式設計師請收好:10個非常有用的 Visual Studio Code 插件!
    ——傑夫·貝佐斯(Jeff Bezos)請注意,所有這些插件都可以在Visual Studio Marketplace 上免費獲得。Visual Studio Intellicode下載超過320萬次的Visual Studio Intellicode是Visual Studio下載次數最多的插件之一。而且,在我看來,它是你能用到的最有用的插件之一。
  • 程式設計師請收好:10 個實用的 VS Code 插件
    https://marketplace.visualstudio.com/0、Visual Studio Intellicode下載超過 320 萬次的 Visual Studio Intellicode,是 VS Marketplace
  • 微軟VS Code 或將取代 Visual Studio!
    作者 | 琥珀對於前端來講,使用微軟的Visual Studio Code 以提高開發效率簡直就是一款無比性感的神器。「免費」、「開源」、「顏值高」、「比atom更快」、「比webstorm更輕」……這均是開發者給出的最高評價。
  • Visual Studio Code 202008 Python 擴展更新
    微軟發布了 8 月的 Visual Studio Code Python 擴展更新,此版本總共修復了總共 38 個問題。
  • 技巧:Ubuntu中安裝Visual Studio Code
    所以,需要通過官方PPA更新到最新的Ubuntu Make,支持Ubuntu 14.04、14.10和15.04,但僅64位版本。ubuntu-make  sudo apt-get update  sudo apt-get install ubuntu-make  安裝Ubuntu Make完後,接著使用下列命令安裝Visual Studio Code:  umake web visual-studio-code
  • Visual Studio Code 4 月 Python 擴展更新
    確保列印圖適合 PDF 頁面 (#9403)  支持使用 「esc」 或 「ctrl+u」 清除交互式窗口輸入框的內容 (#10198)  即使禁用遙測也可以使實驗正常進行 (#10008)  確保在單元執行和單元編輯之間保留單元中的用戶代碼 (#10949) 詳情見更新說明:https://devblogs.microsoft.com/python/python-in-visual-studio-code-april
  • 應用:Linux中安裝Visual Studio Code
    ====>] 64,992,671 14.9MB/s in 4.1s2015-06-24 06:02:58 (15.0 MB/s) - 『VSCode-linux-x64.zip』 saved [64992671/64992671]  提取軟體包  下載好Visual
  • Visual Studio Code 7 月 Python 擴展更新
    微軟發布了 7 月的 Visual Studio Code Python 擴展更新,此版本總共修復了 51 個問題,其中包括: 支持新的語言伺服器:Pylance Gather 擴展
  • Visual Studio Code 11 月 Python 擴展更新
    據介紹,在此次更新中,其總共解決了60個問題,其中39個是bug修復。同時,此次更新還添加了一些新的功能: 使用Python語言伺服器時添加導入「快速修復」; Altair 情節支持; 筆記本編輯器中的行號。使用Python語言伺服器時添加導入「快速修復」VS Code中的「添加導入」快速修復是通過代碼操作燈泡觸發的。
  • 人生苦短,我用 Visual Studio Code
    俗話說的好:工欲善其事,必先利其器!我最近也一直在尋找一款趁手的開發工具,但是市場上能寫Go語言的不是很多。找來找去發現 vs Code 似乎是個不錯的選擇,輕便強大,自由度高,語言豐富。看看 vs Code 的誕生,在 Build 2015 大會上,微軟除了發布了 Microsoft Edge 瀏覽器和新的 Windows 10 系統外,最大的驚喜莫過於宣布推出免費跨平臺的 Visual Studio Code 編輯器了!Visual Studio Code 為何如此收到歡迎?
  • 超好用的Visual Studio編程軟體,你在用嗎?
    寫代碼並不是年輕的專利用過很多編程軟體,最終還是覺得VS好用,果斷去下載安裝。visual studio不僅可以編寫C,C++,還可以編寫python,還可寫網頁等等語言,功能很強大。再次記錄下來,以便查看。1.搜索「visual studio」打開官網,點擊下載,我選擇的是community版本2.
  • visual studio code(vs code)函數跳轉跟蹤:php intelliSense
    而這個插件可以跟蹤函數,查看和跳轉到定義的地方,對於閱讀PHP代碼有不小的幫助。首先需要配置好本地的伺服器環境,本案例應用的是PHPstudy ,由於很簡單,具體配置本地環境步驟就略過,配置好了,開啟伺服器。需要注意的是,php-intellisense 配置文件中的php版本據說要求是7.0以上。
  • 使用Visual studio code 作為外部 IDE 編寫 Blender2.9 腳本
    要開始使用 Visual Studio 代碼進行開發,您需要:安裝Visual studio code從官方網站,您可以下載 Windows 或 Linux 作業系統的發行版:code.visualstudio.com/Download下載後,您需要安裝 IDE要使用外部 IDE,您需要安裝單獨的 Python 解釋器。
  • visual studio 2013 設置中文
    人多第一次下載visual studio 2013的人發現自己的visual studio 2013是英文的不知道如何設置語言本文教大家設置打開VS2013,發現界面是英文的我們進行設置為中文--------Options.....
  • Visual Studio Code 正式版V1.25發布
    Visual Studio Code 是由微軟開發的一款開源原始碼編輯器,又簡稱 「VS Code「,當然,似乎其開發者直接叫它「code」。編輯區分欄編輯光標基於單詞滑動速度更快編輯區文件分欄是個亮點,方便同時觀察、編輯多個文件。支持拖動打開也不錯,打開一個項目文件夾變得更簡單。光標基於單詞滑動,光標遊走的速度應該更快更方便。我覺得最棒的是:支持大綱視圖!
  • visual studio 2013下載及安裝使用教程(內附vs2013產品密鑰)
    IT考試網之前為大家整理分享過visual studio 2010下載以及安裝教程,反映最多的就是提示visual studio提示系統找不到指定文件怎麼辦
  • visual studio 2005 team suite中文版到
    微軟visual studio 2005 team suite中文版FPP是2005 年發布的一個面向團隊的開發軟體,其提供支持整個軟體開發團隊的工具,讓架構師、開發人員、測試人員、項目管理等人員的工作能夠簡化,同時提高團隊的工作效率,讓開發工作得到有效的監控,是一個非常優秀的高度集成開發環境。目前,商家對其報價為56000元,有需求的朋友不妨考慮下。
  • 用Visual Studio調試Linux程序
    當然如果你說VS2015及以上版本自帶的linux調試插件,那就算了。這些自帶的插件調試一個有簡單的main函數程序還湊合,稍微複雜點的程序,根本無法編譯調試。而本文介紹的主角是VS的另外一款插件Visual GDB,讓我們歡迎主角登場,下面是正文。
  • Microsoft Visual Studio
    這周為大家安利微軟公司的兩個經典版本的編譯開發環境軟體,visual C++6.0.本來我不太想放上去的,主要是看到後臺回復的有點兇,就花了點時間搜集並測試了一下
  • visual studio 2015怎麼把英文界面變成中文?
    visual studio 2015怎麼把英文界面變成中文界面?最新的vs2015,剛下載下來時是全英文界面,如何將它改成中文界面呢。下面介紹一下詳細的教程,需要的朋友可以參考下最新的vs2015,剛下載下來時是全英文界面,如何將它改成中文界面呢。