前端插件包

插件内容

1. Code Spell Checker

帮助我们检查单词拼写是否出现错误，检查的规则遵循 camelCase （驼峰拼写法）

当在编写代码的过程中，变量未遵循驼峰拼写法的规则时，则会在其下发出现波浪线，这就证明该插件起作用了，如下图

我们还可以将鼠标放置到有波浪线的字符上，改插件会进行推荐修改如下图：

如果有时候出现了必须出现的特殊字段但是被识别警告了，可以选择加入到工作区或者个人词典下

2. ESLint

js代码检测工具，约束代码风格，以保证代码的一致性和避免错误，相关学习可以查看ESLint官网

3. Prettier - Code formatter

代码格式化，通常一般使用ESLint约束代码，使用Prettier格式化代码,相关学习可以去查看Prettier中文网

4. Stylelint

样式代码检查报错，以及部分格式化，通常一般使用StyleLint约束代码，使用Prettier格式化代码,相关学习可以去查看Stylelint文档

5. GitLens — Git supercharged

GitLens 可以增强 VSCode 内置 Git 的功能。例如 commits 搜索，历史记录和显示的代码作者身份具体功能可以查看 Feature List。如下图：

6. Path Intellisense

Path Intellisense 是一款自动完成文件名、文件路径的 VS Code 插件,可以让你像补全代码一样去补全文件名

7. ES7 React/Redux/GraphQL/React-Native snippets

代码片段插件，含有丰富的React代码片段，满足日常开发需要，如下图：

未来如果有需要，可以搞一个自己的代码片段插件

8. TODO Highlight

高亮TODO，如下图：

9. EditorConfig for VS Code

EditorConfig包含一个用于定义代码格式的文件和一批编辑器插件，这些插件是让编辑器读取配置文件并以此来格式化代码。可以理解为编译器层面的代码格式工具

推荐vscode原生设置：

1. editor.linkedEditing

等同于Auto Rename Tag，当重命名一个开始标签时，会自动改写结束标签 (结合实际尝试了下，HTML文件生效，但是tsx文件不生效，所以还是推荐安装Auto Rename Tag插件)