前言

是我們后端開(kāi)發(fā)的設(shè)備。 本文精選的40+個(gè)插件，讓它變得更加犀利，所向無(wú)敵！ ！添加了兩個(gè)很棒的插件

另外兩個(gè)也不錯(cuò)sublime text 查看插件，但不推薦

必要的

下面我就不講必要的事情了。

代碼片段

代碼檢測(cè)和低格式

其他

由于自身功能的完善，NPM-[16]、Case[17]等插件不需要專(zhuān)門(mén)安裝。 拿出來(lái)更精彩！ ！ ！ 全程高能動(dòng)畫(huà)，請(qǐng)勿分心！

實(shí)用高效的工具 scode-js-debug[18]調(diào)試神器

新版本是外部的。

可用于調(diào)試Node.js、Edge、擴(kuò)展等，替代for插件。 還可以調(diào)試、Web，功能極其強(qiáng)大。

下面演示一下，首先配置一下.json

直播[19]靜態(tài)服務(wù)器

啟動(dòng)本地開(kāi)發(fā)服務(wù)器，并實(shí)時(shí)重新加載靜態(tài)和動(dòng)態(tài)頁(yè)面。

這也是我最喜歡的插件之一。 右鍵啟動(dòng)，而且還支持加熱等，很酷。

代碼[20] 代碼運(yùn)行器

最喜歡的插件，無(wú)第三，平時(shí)寫(xiě)一些測(cè)試代碼，和一些邏輯庫(kù)，快捷鍵Ctrl+Alt+M，喝哈拉子，看結(jié)果，悠閑。

一鍵運(yùn)行多種語(yǔ)言的代碼片段或代碼文件：c、c++、Java、、PHP、、Perl、Perl6、Ruby、Go、Lua、、、BAT/CMD、BASH/SH、f#、f#(. NET Core ）、C# 腳本，超乎你的想象。

[21] AI代碼補(bǔ)全插件

感謝評(píng)論區(qū)的推薦。 這是一款人工智能代碼補(bǔ)全工具，可以更快的速度、更少的錯(cuò)誤完成代碼。 它支持多種語(yǔ)言，并且有記憶功能，真是強(qiáng)大。

我使用它并且喜歡它

[22] 尾隨空格刪除插件

突出顯示空格并提供一鍵刪除。

[23] 編輯和預(yù)覽

？ 看來(lái)沒(méi)有必要，這個(gè)插件可以讓你邊編輯邊預(yù)覽，而且編程體驗(yàn)并不比差。

如果您需要更多功能，例如 TODO，或者同時(shí)更改多行sublime text 查看插件， [24] 是一個(gè)不錯(cuò)的選擇。

下面演示了常用的TODO注釋。

Git [25] 和 [26] Git 歷史

誰(shuí)動(dòng)了我的代碼？ 正上方，查看Git歷史記錄、搜索、版本比較。 新鮮的！ ！

時(shí)間線的作用也是外在的，能力還比較弱。

無(wú)縫導(dǎo)航和瀏覽 Git 存儲(chǔ)庫(kù)的增強(qiáng)功能。

圖片[27]圖片預(yù)覽

CSS編譯，再也不怕拿錯(cuò)圖片網(wǎng)址了！

它支持 html 和 css 文件。 當(dāng)使用圖像路徑時(shí)，右側(cè)實(shí)現(xiàn)一個(gè)小型預(yù)覽器，一目了然。

[28] 將json轉(zhuǎn)換為T(mén)S語(yǔ)句

如今的后端，誰(shuí)不寫(xiě)一個(gè)，但是如何生成聲明文件呢？ 手寫(xiě)的話你就太out了。 該插件是一鍵生成的。

他靈巧，我喝酒，笑一笑。

- [29] 和 [30] 生成的文件注釋

某日有人編輯，某日有人更新，來(lái)了留下腳印，一眼就能看穿！

如果你認(rèn)為這種信息還不夠，[31]提供了更多檢查注釋?zhuān)⑶疫€支持生成的函數(shù)注釋。

npm[32] npm 模塊導(dǎo)出智能提示

有了這么多的 npm 模塊，無(wú)論你記性不好還是頭腦不好，這個(gè)插件都會(huì)幫助你。

成本[33]取決于包大小提示

這么多套餐，你介紹一下要花多少錢(qián)？ 如果你早知道費(fèi)用，就交給她吧！

:CSS/LESS/SCSS[34]CSS樣式美化

外接css低格式功能，這個(gè)支持less、scss，高效又美觀，就像你一樣！

TODO[35] 突出顯示 TODO

突出顯示代碼中的 TODO、FIXME 和其他注釋。

有時(shí)，您會(huì)忘記在將代碼發(fā)布到生產(chǎn)環(huán)境之前檢測(cè)編碼時(shí)添加的待辦事項(xiàng)。

[36] 將 JSDoc 添加到方法中

手動(dòng)在方法中添加JSDoc，別說(shuō)我不會(huì)寫(xiě)注釋?zhuān)覍?duì)我寫(xiě)的每一行代碼負(fù)責(zé)！ ！ ！

[37] env 文件高亮顯示

如今，誰(shuí)的配置不需要 env 文件，它沒(méi)有突出顯示，真的很難看，這個(gè)是你的救星。

HTML[38]html 代碼片段

這個(gè)插件可以快速輸出html代碼，但是效率比較偷懶，大家都說(shuō)得對(duì)。

[39] 快捷方式輸出變量

我們經(jīng)常使用.log輸出變量來(lái)檢查執(zhí)行狀態(tài)。 該插件可以直接為您生成書(shū)籍代碼。

.js[40]直接顯示變量結(jié)果

您無(wú)需運(yùn)行代碼即可知道其結(jié)果。 這個(gè)編程經(jīng)驗(yàn)沒(méi)有別人，所以多花點(diǎn)時(shí)間講邏輯。

REST[41] 休息祈求

如果你想請(qǐng)求某個(gè)站點(diǎn)的，axios？，？，，只要打開(kāi)，直接發(fā)送請(qǐng)求即可。

該插件允許您直接發(fā)送 HTTP 請(qǐng)求并在代碼中查看響應(yīng)。

Path[42]參考路徑智能提示

-faker[43] 生成假數(shù)據(jù)

誰(shuí)沒(méi)有造過(guò)一些假數(shù)據(jù)，就這么簡(jiǎn)單！

Regex[44] 在編寫(xiě)正則表達(dá)式時(shí)查看結(jié)果

在編寫(xiě)正則表達(dá)式時(shí)，您仍然可以看到結(jié)果。 這個(gè)調(diào)試真是方便??！ ！ ！

SVG[45] SVG 文件預(yù)覽

預(yù)覽svg文件，到處都可以變成圖片，神器！

[46] 手動(dòng)關(guān)閉標(biāo)簽

手動(dòng)添加 HTML/XML 結(jié)束標(biāo)簽，與 IDE 或 Text 相同。

[47] 標(biāo)簽重命名

手動(dòng)重命名 HTML/XML 標(biāo)簽對(duì)，與 IDE 相同。

我們總是會(huì)犯錯(cuò)，因此這會(huì)增加事后糾正錯(cuò)誤的成本。

[48] CSS 定位器

我的類(lèi)在哪里定義的？ 我自己找不到。 我應(yīng)該怎么辦？ 請(qǐng)！ ！

[49] 拼寫(xiě)檢測(cè)

我的父母不再擔(dān)心我說(shuō)錯(cuò)詞了。 它可以檢測(cè)拼寫(xiě)錯(cuò)誤并給出提示，非常好的伙伴！

顏色[50]顏色選擇器

那個(gè)顏色好看，不用擔(dān)心，調(diào)出色卡，慢慢選。

排序[51]手動(dòng)排序

導(dǎo)出的庫(kù)太多了，眼睛都看花了。 這個(gè)插件可以讓它們排列得井井有條，對(duì)于強(qiáng)迫癥患者來(lái)說(shuō)是福音。 我記得好像也有類(lèi)似的規(guī)定。

Pair2[52]括號(hào)對(duì)齊神器

寫(xiě)太多代碼，太多花括號(hào)，不知道誰(shuí)是誰(shuí)，這個(gè)插件會(huì)告訴你。

-icon[53] 文件圖標(biāo)

資源樹(shù)目錄下添加圖標(biāo)，順眼了！

npm[54] npm 擴(kuò)展

此擴(kuò)展支持運(yùn)行 .json 文件中定義的 npm 腳本，并根據(jù) .json 中定義的依賴項(xiàng)驗(yàn)證已安裝的模塊。 是不是很酷！

[55] 項(xiàng)目管理神器

它可以幫助您輕松訪問(wèn)您的項(xiàng)目，無(wú)論它們位于何處。 不要再錯(cuò)過(guò)這些重要的物品。

[56] SASS實(shí)時(shí)編譯

該擴(kuò)展可幫助您即時(shí)編譯/傳輸 SASS/SCSS 文件為 CSS 文件，并即時(shí)重新加載瀏覽器。

[57] TODO顯示

以樹(shù)形結(jié)構(gòu)列出您的 TODO 項(xiàng)目，永遠(yuǎn)不用擔(dān)心忘記什么

PDF[58] 轉(zhuǎn) PDF

寫(xiě)完文章，順便生成pdf，真的是6

引用

精選！ 15 個(gè)必備插件（后端類(lèi)）[59]

擴(kuò)展推薦（后端開(kāi)發(fā)）[60]

后臺(tái)必備的插件，也許你已經(jīng)安裝了但不知道如何使用？ [61]

.[62]

參考

[1]

:

[2]

:

[3]

榮注：

[4]

:

[5]

（ES6）代碼：

[6]

/Redux//React-:

[7]

視圖：

[8]

維圖爾：

[9]

視圖3：

[10]

視圖：

[11]

創(chuàng)建自定義代碼片段：

[12]

:

[13]

-代碼：

[14]

:

[15]

打開(kāi)：

[16]

NPM-：

[17]

案件：

[18]

代碼-js-調(diào)試：

[19]

居?。?/p>

[20]

代碼：

[21]

:

[22]

:

[23]

:

[24]

一體：

[25]

git：

[26]

:

[27]

圖像：

[28]

JSON 轉(zhuǎn) TS：

[29]

-：

[30]

:

[31]

:

[32]

節(jié)點(diǎn)管理：

[33]

成本：

[34]

/少/SCSS::

[35]

去做：

[36]

添加文檔：

[37]

:

[38]

HTML：

[39]

包裝日志精簡(jiǎn)版：

[40]

.js：

[41]

休息：

[42]

小路：

[43]

-騙子：

[44]

正則表達(dá)式：

[45]

SVG：

[46]

自動(dòng)關(guān)閉標(biāo)簽：

[47]

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

[48]

：

[49]

代碼拼寫(xiě)：

[50]

顏色：

[51]

種類(lèi)：

[52]

對(duì)2：

[53]

-圖標(biāo)：

[54]

節(jié)點(diǎn)管理：

[55]

:

[56]

現(xiàn)場(chǎng)薩斯：

[57]

待辦事項(xiàng)樹(shù)：

[58]

:

[59]

精選！ 15 個(gè)必備插件（后端類(lèi)）：

[60]

擴(kuò)展推薦（后端開(kāi)發(fā)）：

[61]

后臺(tái)必備的插件，也許你已經(jīng)安裝了但不知道如何使用？ :

[62]

.:

-EOF-

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