Code的插件對(duì)于提高編程效率、提升工作速度非常重要。 這里有 30 個(gè)最流行的插件，它們將使您成為更高效的打磚塊和打魚大師。 這類插件主要適合后端開發(fā)人員，但也有一些通用插件也可以在任何開發(fā)環(huán)境中使用。 以下是我將介紹的插件：

同步[1]

直播[2]

SSH[3]

[4]

對(duì)[5]

自動(dòng)標(biāo)簽[6]

[7]

git[8]

[9]

代碼[10]

[11]

Sass/Less//哈巴狗/Jade//[12]

密碼拼寫[13]

調(diào)試器[14]

圖標(biāo)主題[15]

[16]

待辦事項(xiàng)[17]

圖標(biāo)[18]

正則表達(dá)式[19]

[20]

[21]

成本[22]

[23]

[24]

[25]

——工具[26]

[27]

Vue3-[28]

HTML/CSS/[29]

/Hero-//Bing/Baidu/Wiki/Yahoo//Npm[30]

同步

同步可以為您節(jié)省大量跨設(shè)備安裝插件的時(shí)間

在開始左右安裝插件之前，最好了解一下 Sync[31] 的存在。 它允許您同步您在網(wǎng)絡(luò)上自定義的幾乎所有內(nèi)容，從設(shè)置到快捷鍵到其他插件。

這樣，您就可以從任何您想要的設(shè)備訪問您最喜歡的 IDE，而無需在新設(shè)備上的正常環(huán)境中進(jìn)行編程并重新自動(dòng)設(shè)置所有內(nèi)容。

居住

立即查看瀏覽器中反映的代碼更改

這是我最喜歡的插件之一。 Live [32]啟動(dòng)本地開發(fā)服務(wù)器并為靜態(tài)和動(dòng)態(tài)頁面提供實(shí)時(shí)重新加載。

每次保存代碼時(shí)，您都會(huì)立即在瀏覽器中看到反映的更改。 您將更快地發(fā)現(xiàn)錯(cuò)誤，并且更容易對(duì)代碼進(jìn)行一些快速實(shí)驗(yàn)。

是一款流行的人工智能助手，適用于所有主要編程語言，因此毫無疑問，無論您的技能如何，您都會(huì)發(fā)現(xiàn)它很有用。

通過研究公開共享的代碼庫，利用深度學(xué)習(xí)算法預(yù)測(cè)您的需求，并提供一鍵代碼補(bǔ)全功能，讓您快速高效地完成項(xiàng)目。 對(duì)于新手編碼員來說，這使學(xué)習(xí)變得輕而易舉，因?yàn)樗鼮槟峁┝税l(fā)展想法的空間，而無需記住編碼句子或搜索。

而且，如果您是一位經(jīng)驗(yàn)豐富的開發(fā)人員，您會(huì)發(fā)現(xiàn)提供了運(yùn)行所需的構(gòu)建塊，從而為您節(jié)省了大量的工作時(shí)間。

SSH

使用任何帶有 SSH 服務(wù)器的遠(yuǎn)程計(jì)算機(jī)，SSH[33] 插件允許您使用任何帶有 SSH 服務(wù)器的遠(yuǎn)程計(jì)算機(jī)作為開發(fā)環(huán)境。 這使得在各種場(chǎng)景下開發(fā)和/或故障排除變得更加容易。

您也不需要本地計(jì)算機(jī)上的任何源代碼，因?yàn)樵摬寮苯釉谶h(yuǎn)程計(jì)算機(jī)上運(yùn)行命令和其他插件。

花更少的時(shí)間進(jìn)行低編碼

[34] 是一個(gè)固執(zhí)己見的代碼低格式程序，如果您有多個(gè)人在一個(gè)項(xiàng)目上工作，它會(huì)非常有效，因?yàn)樵摬寮?qiáng)制執(zhí)行一致的風(fēng)格。

您可以進(jìn)行設(shè)置，以便每次保存代碼時(shí)都會(huì)消化您的代碼，從而顯著減少重新格式化代碼所花費(fèi)的時(shí)間。

一對(duì)

每個(gè)人都喜歡顏色編碼，Pair [35] 為左括號(hào)和右括號(hào)提供了匹配的顏色，讓您更容易知道哪些括號(hào)屬于誰。

還可以配置自定義括號(hào)字符，并且您還可以向活動(dòng)范圍添加背景顏色。

自動(dòng)標(biāo)記

手動(dòng)重命名標(biāo)簽，盡管本質(zhì)上會(huì)突出顯示匹配標(biāo)簽并在鍵入開始標(biāo)簽后立即添加結(jié)束標(biāo)簽，但手動(dòng)重命名標(biāo)簽插件 [36] 將手動(dòng)重命名您修改的標(biāo)簽。

該插件適用于 HTML、XML、PHP 和 HTML，無需兩次修改標(biāo)簽名稱。

提高您的 Git 功能 提高 [37] 代碼的 Git 功能。 它是一個(gè)功能強(qiáng)大的插件，可讓您查看代碼行隨時(shí)間變化的人、原因和方式以及許多其他功能。

是一個(gè)高度可定制的插件。 如果您不喜歡某個(gè)特定設(shè)置，可以在設(shè)置中輕松將其關(guān)閉。

git

獲取git日志并展示漂亮的視覺效果

與 Git[38] 類似的是一個(gè)提供 git 日志可視化的插件。 您不需要在終端中查看 。

插件也非常全面。 它允許您比較分支、提交和跨提交的文件。 您還可以查看個(gè)人資料圖片，非常整潔。

Vue3-

這是一個(gè)在Vue2或Vue3開發(fā)中提供代碼片段、句子高亮和低級(jí)格式化的插件，可以大大提高你的開發(fā)效率。 您可以打開編輯器頂欄右下角的 開關(guān)。 它可以幫助您在保存代碼時(shí)手動(dòng)降低Vue文件的格式。 默認(rèn)是關(guān)閉它。

如果你不想手動(dòng)縮小vue文件，也可以右鍵單擊vue文件，在出現(xiàn)的菜單欄中選擇一個(gè)菜單項(xiàng)，文件就會(huì)縮小一次。

CSS 預(yù)覽

插入 HTML 文件以查看 CSS 代碼

這個(gè)插件對(duì)于后端開發(fā)人員來說非常寶貴。 受到 IDE 中類似功能的啟發(fā)， [39] 允許您插入 HTML 和 ejs 文件以在源代碼中顯示 CSS/SCSS/LESS 代碼。

如果您知道類或 ID 名稱，它還可以讓您快速跳轉(zhuǎn)到相應(yīng) CSS 代碼的位置。

代碼

為 JS 代碼塊提供了大量提示，甚至包括外部 JS，但 JS 代碼片段插件 [40] 通過添加大量導(dǎo)出、導(dǎo)出觸發(fā)器、類幫助器和技巧觸發(fā)器來增強(qiáng)這些體驗(yàn)。

該插件支持 JS、、、HTML 和 Vue。 其他風(fēng)格的代碼片段（例如）也可以在.

HTML/CSS/

只需輸入前綴名稱，完整的代碼片段也是手動(dòng)完成的。

/Hero-//Bing/Baidu/Wiki/Yahoo//Npm

一個(gè)可讓您搜索或翻譯代碼的插件。 您可以在編輯器中的代碼中選擇對(duì)應(yīng)的關(guān)鍵字，然后單擊鼠標(biāo)右鍵，在出現(xiàn)的菜單面板中選擇一個(gè)菜單項(xiàng)，插件會(huì)手動(dòng)為您打開默認(rèn)瀏覽器，并搜索對(duì)應(yīng)的關(guān)鍵字并顯示搜索結(jié)果。

您也可以選擇相應(yīng)的關(guān)鍵字，使用快捷鍵打開瀏覽器進(jìn)行搜索。

修改實(shí)例的顏色，特別有用。 [41]允許您更改代碼環(huán)境的顏色，以便您可以快速識(shí)別剛剛切換到的實(shí)例。

查看您在樣式書中使用的顏色，并使用 [42] 立即可視化 CSS/SASS/Less/... 文件中的 CSS 顏色。 這樣一來，您可以很容易地一目了然地看到您正在使用什么顏色以及在哪里使用。

密碼拼寫

讓你的代碼不再有拼寫錯(cuò)誤，雖然拼寫錯(cuò)誤不是致命的問題，但我更喜歡我的代碼沒有拼寫錯(cuò)誤。 代碼拼寫檢查插件 [43] 在其字典文件中存在難以辨認(rèn)的短語逗號(hào)。

該插件提供多種不同語言版本，并支持醫(yī)學(xué)術(shù)語等行話。

為了

在 中調(diào)試 JS 代碼sublime text 2 php插件，由 for[44] 開發(fā)，允許您在 . 與其他 IDE 中的調(diào)試器相反，它非常流暢。

您可以設(shè)置斷點(diǎn)、單步調(diào)試代碼、調(diào)試動(dòng)態(tài)添加的腳本等等。

圖標(biāo)字體

提供各種圖標(biāo)供您使用！ [45] 提供各種圖標(biāo)字體的片段，包括流行的 圖標(biāo)包。

對(duì)于那些不這樣做的人，這個(gè)包也適用于 Atom 和 Text。

渦輪日志

要手動(dòng)創(chuàng)建有意義的日志消息，控制臺(tái)會(huì)顯示 log[46]\\ 手動(dòng)創(chuàng)建有意義的日志消息。 它使調(diào)試變得更加容易，因?yàn)槟鷮@得一些有用的控制臺(tái)輸出來找出問題所在。

去做

立即注意到代碼中的TODO，許多程序員習(xí)慣于在代碼中編寫TODO，然后就完全忘記了它們。 Todo [47]使它們更加突出。

您可以切換突出顯示，也可以枚舉所有突出顯示的注釋并從相應(yīng)的文件中顯示它們。

圖標(biāo)

等等，不是每個(gè)人都喜歡圖標(biāo)嗎？ 你不會(huì)認(rèn)為這些圖標(biāo)有太大不同，但它們確實(shí)有什么不同，至少對(duì)我來說是這樣。 Icons[48] 為您的 IDE 添加了絢麗的色彩和可愛的小圖標(biāo)，我早已愛上它了。

正則表達(dá)式

創(chuàng)建正則表達(dá)式的預(yù)覽，正則表達(dá)式可能是一個(gè)困難的困境。 Regex[49] 為您提供了匹配正則表達(dá)式的輔助文檔。

該插件提供了多個(gè)匹配示例，可以更輕松地快速、準(zhǔn)確地為各種用例編寫正則表達(dá)式。

為您的代碼添加書簽，盡管有行號(hào)，但 [50] 允許您為代碼添加書簽，幫助您快速導(dǎo)航并輕松地來回跳轉(zhuǎn)。

成本

當(dāng)您開發(fā) Web 應(yīng)用程序或網(wǎng)站時(shí)，很容易變得臃腫 - 尤其是作為新手開發(fā)人員。 造成這種情況的一個(gè)重要原因是，許多開發(fā)人員在通過代碼導(dǎo)出包時(shí)并不總是知道包有多大。

Cost 是一個(gè)擴(kuò)展，它內(nèi)聯(lián)顯示導(dǎo)出的包的大小，因此您可以準(zhǔn)確地知道在開發(fā)過程中導(dǎo)出該包的成本是多少。 因此，它將幫助您更好地優(yōu)化您的應(yīng)用程序和網(wǎng)站，特別是對(duì)于通常更容易遭受臃腫困擾的聯(lián)通用戶。

如果您選擇的語言是 or，那么您一定會(huì)喜歡 .js。 此擴(kuò)展致力于通過在編寫代碼時(shí)在 IDE 中顯示運(yùn)行時(shí)值來提高開發(fā)速度，因此您可以專注于編寫代碼，而不是僅僅為了嘗試新事物而構(gòu)建自定義配置。

這是一個(gè)簡(jiǎn)單、輕量級(jí)的擴(kuò)展，特別適合經(jīng)驗(yàn)豐富的開發(fā)人員和新手。 它也免費(fèi)供社區(qū)使用，但如果您是專家sublime text 2 php插件，您還可以購買 Pro 許可證，讓您無需修改??代碼即可更改運(yùn)行時(shí)值。

如果您需要低調(diào)的程序和標(biāo)準(zhǔn)代碼，那么這個(gè)插件適合您。 它可以手動(dòng)分析您的代碼并查找代碼中的錯(cuò)誤。

據(jù)悉，它允許您在書簽代碼之間選擇代碼區(qū)域，這對(duì)于日志文件分析等特別有用。

它致力于為開發(fā)人員和程序員提供智能代碼完成建議。 默認(rèn)支持 、/、React 和 Java。

-工具

通過管理數(shù)據(jù)庫的工具。 它支持許多驅(qū)動(dòng)程序，您可以用它做很多事情，例如連接資源管理器、查詢運(yùn)行器、智能感知、書簽、查詢歷史記錄。

增強(qiáng)功能將幫助您在代碼中創(chuàng)建更人性化的注釋。 每種顏色都可以用作表示評(píng)論類型（注釋、待辦事項(xiàng)等）的形式。

終于

這里有 30 個(gè)我親自介紹的插件，可以在不影響質(zhì)量的情況下提高您的編程效率。 ，如果文章和筆記能給您帶來一點(diǎn)幫助或啟發(fā)，請(qǐng)不要吝惜您的點(diǎn)贊和收藏，文章會(huì)持續(xù)更新，往期文章也會(huì)收錄在.com//CV[51]歡迎您的關(guān)注關(guān)注和溝通，你們的肯定是我前進(jìn)的最大動(dòng)力

如有侵權(quán)請(qǐng)聯(lián)系刪除！