虽然前端 IDE 很多，vim、notepad++、sublime text3、atom……，但谁是地表最强 IDE 大家心里都清楚，我自然不必多说。

我是一个使用 VSCode 超过 7 年的用户，从 VSCode 正式发布的第一年我就开始使用，一直至今，是一个不折不扣的资深用户和生产力狂魔。

很多人吐槽裸的 VSCode 不好用，就像是裸的 Obsidian 一样，它们的精髓在于扩展（中国人喜欢叫插件，下文全部称呼它们插件好了）。一个经过精心设置的 VSCode 无异于瑞士军刀，生产力神器。

好了，让我们开始吧！不过由于文章内容篇幅过长，查看每个插件的详细介绍！

以下是各种插件名简单汇总：

代码体验类

copilot
Tabnine
turbo-console-log
indent-rainbow
indent-rainbow-palettes
highlight-matching-tag
vscode-colorize
vscode-todo-highlight
better-comments
vscode-import-cost
auto-close-tag
code-spell-checker
path-intellisense
Toggle Quotes
Template String Converter
IntelliSense for CSS class names in HTML
Tailwind CSS IntelliSense
npm Intellisense
change-case
Nested Comments
Auto Rename Tag
ESLint
Prettier
Glean
htmltagwrap
Version Lens
Hungry Delete
Paste JSON as Code
Dot Env

主题类

Dracula Official
Material Theme
One Dark Pro
vscode-icons
file-icons
Material Icon Theme

工具类

todo-tree
vscode-peacock
Quokka.js
rest-client
EditorConfig for VS Code
Git Lens
Open in GitHub
open in browser
Live Server
Live Preview
Project Manager
Live Share
Markdown PDF
Markdown Preview Github Styling