1. Better Comments
a. Description
The Better Comments extension will help you create more human-friendly comments in your code.
b. Usage
![请添加图片描述](https://img-blog.csdnimg.cn/ea6f85f394034d6c98ef9ec3972a8f49.png)
2. CSS Peek
a. Description
更好更快的找到所定义的CSS样式
b. Usage
![请添加图片描述](https://img-blog.csdnimg.cn/f4c2fe8772fb43df817894e364f314a2.gif)
- Peek: load the css file inline and make quick edits right there. (Ctrl+Shift+F12)
- Go To: jump directly to the css file or open it in a new editor (F12)
- Hover: show the definition in a hover over the symbol (Ctrl+hover)
3. Dracula Theme
![请添加图片描述](https://img-blog.csdnimg.cn/9de1393bd15740bc98e2d40c2251db21.png)
4. go-home
![请添加图片描述](https://img-blog.csdnimg.cn/ea3821390ce145aaad4893312dd8c0b3.png)
5. Guides
![请添加图片描述](https://img-blog.csdnimg.cn/4c8edf2808f54266ae00ac07d398e86f.png)
6. Import Cost
![请添加图片描述](https://img-blog.csdnimg.cn/87a745f318954187903e3fd7d3ed6310.gif)
7. Markdown Preview Enhanced
![请添加图片描述](https://img-blog.csdnimg.cn/eafee700c0a8441c9181700e8cdffacd.png)
8. Quokka.js
![请添加图片描述](https://img-blog.csdnimg.cn/be7f3aa6614d4eb1acf346599af56121.gif)
9. Regex Previewer
![请添加图片描述](https://img-blog.csdnimg.cn/3cf7d7b1d4794a5da5493201b8fd4f17.gif)
10. Settings Sync
![请添加图片描述](https://img-blog.csdnimg.cn/74ab7ecf1dd54e7382c23c9f5e83bf06.png) ![请添加图片描述](https://img-blog.csdnimg.cn/1da28364376240a4b737504d39861d54.png)
11. Turbo Console Log
![请添加图片描述](https://img-blog.csdnimg.cn/faefbb055e1f4b47becdc563c8faa7e6.gif)
12. TypeScript Hero
TypeScript Hero is a vscode extension that makes your life easier. When you are coding a lot of TypeScript you may want vscode to organize your imports.
|