虽然前端 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 |