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

Console Ninja

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

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

Turbo Console Log

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

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

Peacock

同時開多個工程？

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

Outline Map

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

Todo Tree

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

Smart IME

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

Better Comments

// ! 紅色警報// ? 綠色疑問// * 藍色高亮，顏色自己配，看代碼像刷彈幕，重點秒抓。

Live Server

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

CodeSnap

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

Quokka.js

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

收工

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

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

最新評論