常用插件推薦早就看膩了，今天這十個(gè)是我壓箱底的寶藏，裝上就能讓寫(xiě)代碼，像開(kāi)掛。

Console Ninja

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

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

Turbo Console Log

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

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

Peacock

同時(shí)開(kāi)多個(gè)工程？

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

Outline Map

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

Todo Tree

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

Smart IME

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

Better Comments

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

Live Server

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

CodeSnap

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

Quokka.js

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

收工

十款插件全在這了，裝好重啟 VSCode，感受「臥槽，還能這樣？」的快樂(lè)。