说一说那些提升效率又有趣的vscode 插件

在前端开发中，vscode 所谓是最常用的编辑器，而 vscode 有着各种各样强大的实用插件，有些可以帮助我们提升效率，有些可以让我们的工作过程变得更加快乐。今天我们就来聊一聊这些好用的插件吧！

1. Auto Close Tag

自动闭合HTML/XML标签

2. Auto Rename Tag

在修改标签名时，能在你修改开始（结束）标签的时候修改对应的结束（开始）标签，帮你减少 50% 的击键，反正我就是那么懒

3. 快速定位括号 - Bracket Pair Colorizer

写代码总是离不开各种类型的括号，当嵌套比较深的时候，然后需要改动结构时，括号问题常常让人头疼，可能一不小心丢个括号就要看半天。

Bracket Pair Colorizer 可以帮助你快速区分括号位置和类型，这样你就可以快速定位啦！

不同样色的括号方便区分，可以快速定位缺失括号的位置！

4. 拼写检查 - Code Spell Checker

此插件安装后就不用管就好了，在我们代码中有单词拼写错误时，就会发现它的好处，因为我们写代码毕竟都是大量的英文单词变量定义，插件还可以给出错误拼写单词的建议。

5. 自动路径补全 - Path Intellisense

毕竟有时候路径打着打着也容易出现单词拼写问题

6. 格式化代码 - Beautify

7. Git Emoji

Git Emoji 可以更好的帮助团队形成提交规范，使用一个 Emoji 表情概括本次提交，再加上一些文本描述信息，提交记录将会变得赏心悦目

8. 代码神器 - Power Mode

这款插件可以让开发过程变得更加快乐，反正效果就是图片这个样子，but有些人会觉得花里胡哨影响敲代码的专注度!

除了上面这种效果，这个插件还有其他的几种效果，都是不错的。可以自己尝试一下选择自己喜欢的，我们来看看怎么使用吧！

首先我们在 vscode 插件栏搜索 Power Mode，然后我们点击安装，安装后我们按下键盘组合键 Ctrl + Shift + P，然后输入 setting，打开 JSON 配置文件在最后添加下面三行配置：

"powermode.enabled": true, // 开启 
Power Mode"powermode.shakeIntensity": 0, // 关闭抖动（喜欢的也可以选择不关闭）
"powermode.presets": "particles", // 特效预设，还有 "fireworks", "flames", "magic", "clippy", "simple-rift", "exploding-rift"

9. 在 vscode 里画流程图 - draw.io

安装 draw.io 后，新建一个 helloworld.drawio，就可以在 vscode 里面画流程图啦

10. 彩虹屁 - Rainbow Fart

鼓励师插件，在我们敲代码的时候一直鼓励我们，语音包可以选择声音甜美的小姐姐。

安装完成后，按下键盘组合键 Ctrl + Shift + P，输入 Enable Rainbow Fart 并回车，这时候会打开一个新页面用于播放语音
然后就可以新建一个文件开始敲代码享受惊喜哟~