十個壓箱底 VSCode 插件!神器!
常用插件推薦早就看膩了,今天這十個是我壓箱底的寶藏,裝上就能讓寫代碼,像開掛。
Console Ninja
把瀏覽器控制臺搬進代碼行尾,邊寫邊看 log,Alt+Tab 直接退休。
以前 console.log 得切到 Chrome 里瞄一眼,現在返回值、報錯、網絡請求像彈幕一樣實時貼在右邊,眼都不用挪。

Turbo Console Log
選中變量 Ctrl+Alt+L,瞬間生成帶文件名、行號、emoji 的日志;
上線前 Alt+Shift+D 一鍵清光,只刪它生成的,不動你手寫的,安全感爆棚。

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

Outline Map
代碼太長找不到北?右側小地圖把函數、類、注釋壓成小格子,拖一下鼠標就能瞬移,萬行文件也能精準降落。

Todo Tree
寫代碼隨手留 // TODO 優化這坨屎山,插件自動把所有欠債收進側邊欄,點一條飛過去,清完勾掉,爽感+10086。

Smart IME
光標一進注釋或字符串,輸入法悄咪咪切成中文;回到代碼區又自動切回英文,再也不怕 var name = 張三 打成拼音還提交上去。

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

Live Server
右下角點一下「Go Live」,靜態頁直接跑在本地服務器,保存就刷新,手機同局域網也能訪問,調樣式摸到魚都方便。

CodeSnap
選中代碼 → 自動生成帶陰影、圓角、透明背景的 PNG,發群、寫 PPT 逼格瞬間滿格,老板以為你用了 PS,其實就按兩下。

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

收工
十款插件全在這了,裝好重啟 VSCode,感受「臥槽,還能這樣?」的快樂。

































