市場營銷最強策略之一：在人們知道自己需要什么之前幫助他們意識到自己需要什么。這一點上，VSCode深諳其道。

Visual Studio Code(代碼編輯器) v1.83.1 32位 官方中文免費綠色版

• 類型：編譯工具
• 大小：120MB
• 語言：簡體中文
• 時間：2023-10-13

查看詳情

VSCode可能是目前最為流行的代碼編輯器，就是因為它滿足了每一個開發(fā)人員的需求，甚至可能開發(fā)人員自己都不清楚的需求。這就是VSCode的獨特魅力。

VSCode是為現(xiàn)代技術而創(chuàng)建的，因而大多數(shù)VSCode愛好者都是JavaScript開發(fā)人員。目前流行的JavaScript框架對于VSCode來說早已完美無缺，它擁有你所需要的一切。

科技日新月異，選擇文本編輯器時，一定要選最新最好的。優(yōu)秀的開發(fā)人員不能不舍得花時間。但這并不是說應該轉而學習另一種語言，或者另一個框架。

正如筆者在之前的博客中一直強調的那樣，開發(fā)人員應當追上潮流，保持敏銳，了解最新信息，并將它們與目前使用的工具進行比較，了解其中區(qū)別及其優(yōu)缺點，觀察其支撐和在社區(qū)中的發(fā)展，穩(wěn)定至關重要。這會大大提升你的工作效率。

VSCode擁有一個龐大的開源社區(qū)，其發(fā)展和潛力是無限的，本文將為你介紹25個最佳的VSCode擴展。

1.Auto-CloseTag

擁有VCSCode擴展是必要的。編寫代碼本就困難重重，擁有了VSCode擴展，就不需要僅僅因為缺少關閉標記（）而查找錯誤。

VSCode擴展可以自動添加剛剛添加的起始標簽的右括號，然后將鼠標光標放在標簽之間。是不是很酷?

2.VisualCode Integrated Terminal

將命令/終端放在VSCode編輯器中不僅會使工作更為輕松，還能節(jié)省空間。有了VSCode，你的終端就派上用場了。

3.ESLint/TSLint

此擴展的主要功能是自動格式化代碼，以便在整個團隊中實現(xiàn)一致的格式化。ESLint也可以配置為自動格式化代碼，無論何時出現(xiàn)錯誤，它都會發(fā)出一連串的警告。

數(shù)百萬的下載量可不是白給的~

4.CodeSpell Checker

如若不是以英語為母語的人，甚至可能也不是第二語言，那么Code Spell Checker對避免代碼出現(xiàn)拼寫錯誤非常有幫助。無論是否能說一口流利的英語，打字錯誤是不可避免的——人們不會想花時間去找錯字，尤其在面對長代碼時。

5.Settings Sync

使用多臺機器時，該擴展將大有幫助。Settings sync讓所有電腦/筆記本電腦依照visual studio的設置方式實現(xiàn)同步。

同時在辦公室電腦和家用電腦上工作的開發(fā)人員，基本上會在不同的地點工作。手動更改兩端設置極為耗時，因為需要根據(jù)正在做的項目不時更改設置以便緩解編程壓力。建議使用這個擴展,以便將所有所作更改都自動同步到個人電腦和工作點。

6.Bracket Pair Colorizer

括號可謂是痛苦之來源，尤其是在處理大型項目時。當使用長代碼時，情況會更糟。Bracket Pair Colorizer將有效緩解這種壓力。

由于有大量嵌套的長代碼，尤其是在使用Javascript時，幾乎不可能確定哪些括號相互匹配。這一工具有助于更容易地找到打開和關閉，用顏色標識括號對將使代碼更具可讀性。趕緊下載吧!

7.Prettier

此前提到了ESLint，它可以自動格式化連續(xù)的代碼，并顯示警告和錯誤。

作為React/Native的開發(fā)人員，保持代碼整齊干凈是必要的。首要的一點就是正確地縮進和分隔以便更好地讀取代碼，特別是在處理編寫已久的代碼時——帶有樣式、函數(shù)和處理程序的分隔非常重要，不僅方便自己，也方便了同事。要設置很簡單，點擊保存時即可自動格式化。

8.PathIntellisense

該擴展是筆者常用VSCode擴展之一。它可以節(jié)省很多時間。作為一名前端開發(fā)人員，筆者時常健忘，但又需要用到大量的組件、擴展和安裝包，特別是在使用React格式化時，因此，需要一些有助于處理文件路徑的東西。

大型項目中的工作麻煩多多，pathIntellisense將是你的左臂右膀。當嘗試在引文中輸入一條路徑時，智能感知會自動填寫或顯示建議。路徑智能感知還可以幫助自動完成所有隱藏文件。

9.BrowserPreview

該擴展對于前端開發(fā)人員而言必不可少。與其在Chrome中打開另一個窗口來瀏覽在代碼中所做的更改，不如下載這個瀏覽器進行預覽，這樣在VSCod中即可完成所有的工作。

該擴展可顯示代碼的瀏覽器預覽，因此不必在瀏覽器上打開標簽就可以看到一些小改動，大大了節(jié)省時間和空間。

10.Debuggerfor Chrome

這是筆者最愛和使用最多的VSCode擴展。作為一個前端網頁移動開發(fā)者，Debugger for Chrome為筆者提供了很大的幫助。特別是對于JavaScript開發(fā)人員來說，它可以節(jié)省很多做小改動的時間，有助于快速地找到并解決bug，對調試非常有幫助。

想要查找錯誤來自哪些行和函數(shù)，甚至查看其數(shù)據(jù)處理，控制臺可以提供很大的幫助。

11.MaterialIcon Theme

最新評論