常用插件推薦早就看膩了，今天這 10 個是我壓箱底的寶藏，裝上就能讓寫代碼，像開掛。

Console Ninja

把瀏覽器控制臺搬進(jìn)代碼行尾，邊寫邊看 log，Alt+Tab 直接退休。

以前 console.log 得切到 Chrome 里瞄一眼，現(xiàn)在返回值、報(bào)錯、網(wǎng)絡(luò)請求像彈幕一樣實(shí)時貼在右邊，眼都不用挪。

Turbo Console Log

選中變量 Ctrl+Alt+L，瞬間生成帶文件名、行號、emoji 的日志；

上線前 Alt+Shift+D 一鍵清光，只刪它生成的，不動你手寫的，安全感爆棚。

Peacock

同時開多個工程？

把前端染成騷藍(lán)、后端搞成原諒綠、測試抹成少女紫，瞄一眼邊框就知道自己在哪個坑，窗口再多也不迷路。

Outline Map

代碼太長找不到北？右側(cè)小地圖把函數(shù)、類、注釋壓成小格子，拖一下鼠標(biāo)就能瞬移，萬行文件也能精準(zhǔn)降落。

Todo Tree

寫代碼隨手留 // TODO 優(yōu)化這坨屎山，插件自動把所有欠債收進(jìn)側(cè)邊欄，點(diǎn)一條飛過去，清完勾掉，爽感+10086。

Smart IME

光標(biāo)一進(jìn)注釋或字符串，輸入法悄咪咪切成中文；回到代碼區(qū)又自動切回英文，再也不怕 var name = 張三 打成拼音還提交上去。

Better Comments

// ! 紅色警報(bào)// ? 綠色疑問// * 藍(lán)色高亮，顏色自己配，看代碼像刷彈幕，重點(diǎn)秒抓。

Live Server

右下角點(diǎn)一下「Go Live」，靜態(tài)頁直接跑在本地服務(wù)器，保存就刷新，手機(jī)同局域網(wǎng)也能訪問，調(diào)樣式摸到魚都方便。

CodeSnap

選中代碼 → 自動生成帶陰影、圓角、透明背景的 PNG，發(fā)群、寫 PPT 格調(diào)瞬間滿格，老板以為你用了 PS，其實(shí)就按兩下。

Quokka.js

新建 .js 文件 → Ctrl+K Q，每行右邊實(shí)時跑值，刷算法、測 API 連 console.log 都省了，比瀏覽器 Console 爽十倍。

收工

十款插件全在這了，裝好重啟 VSCode，感受「牛，還能這樣？」的快樂。

有私藏寶貝記得評論區(qū)互相傷害，一起把效率卷到天花板！

最新評論