扩展工具(VSCode)

        在VScode中，应用商店的扩展插件广受开发者的喜爱，它们不仅能提高开发效率，还能让代码更加美观。接下来我们就介绍几款实用性的扩展插件吧。

1.Chinese (Simplified) (简体中文) Lang

VScode默认是英文界面，没有提供语言切换功能，Chinese (Simplified) (简体中文) Lang可以将界面转化成中文，方便开发者阅读。

2.ESLint

ESLint插件想必大家都很熟悉，提供规范，制定规则来限制开发者的编码，从而协调和统一团队的编码风格，也可以帮助我们发现代码中的问题。

如果某些文件不需要进行约束，可以通过在根目录下创建.eslintignore文件，设置需要被ESLint忽略的文件。代码如下： 详情参考ESLint 中文网 

3.GitLens — Git supercharged

可视化Git工具，可以帮助我们更加方便的管理仓库

效果如下：

除此之外，代码后面还会提示代码的编辑者和commit内容

4.Material Icon Theme

显示文件图标，是我们更加直观的看到文件的类型

效果如下：

5.Prettier - Code formatter

代码格式化工具

在命令栏中可以设置格式化的快捷键

6.Auto Rename Tag

自动重命名标签

(1)修改标签名

(2)修改开始标签，结束标签会同步更改

7.CSS Peek

快速定位css样式位置

(1)按住alt+鼠标左键 或者 command+鼠标左键

(2)以快速追踪样式的位置

8.ES7+ React/Redux/React-Native snippets

一键生成模版

效果如下:

(1)输入rfc

(2)点击回车

9.CodeGeeX: AI Code AutoComplete, Chat, Auto Comment

自动联想(代码补全)工具

 (1)输入const,AI会自动联想相关内容

(2)按下tab键，生成内容

10.Tabnine: AI Autocomplete & Chat for Javascript, Python, Typescript, PHP, Go, Java & more

功能和用法和上面相同，二者选其一即可。

11.Code Spell Checker

一款检测单词拼写错误的扩展！！！开发中单词拼写错误被发现真的很丢人！！！