VSCode (Code) 技法

本人使用插件推薦

indent-rainbow

https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow

Bracket Pair Colorizer

https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer

javascript booster

https://marketplace.visualstudio.com/items?itemName=sburg.vscode-javascript-booster

Surround

[https://marketplace.visualstudio.com/items?itemName=yatki.vscode-surround)

Code Runner

[https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner)

Polacode

[https://marketplace.visualstudio.com/items?itemName=pnp.polacode)

avocode

這個玩意強大之處就是能夠直接解析 PSD ,Sketch 等設計稿，而後寫樣式的時候，有自動完成。

https://avocode.com/integrations/visual-studio-code

GitLens

https://gitlens.amod.io/

RegExp Preview and Editor

https://marketplace.visualstudio.com/items?itemName=le0zh.vscode-regexp-preivew

VSCode Dimmer

https://marketplace.visualstudio.com/itemdetails?itemName=hoovercj.vscode-dimmer

Peacock

https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock&WT.mc_id=pybay-blog-ninaz

// @ts-check
via

VSCode 主題大全

https://vscodethemes.com/

incrementor（因爲自帶的 Emmet 含有該功能，再也不推薦）

https://marketplace.visualstudio.com/items?itemName=nmsmith89.incrementor

調試 Webpack

在 launch.json 中添加 "sourceMaps": true,