前端插件包

代码质量

1. ESLint

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

2. Prettier - Code formatter

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

3. Stylelint

Stylelint 是一个强大的 CSS 静态分析工具，用于帮助开发者遵循一致的样式规范和最佳实践。相关学习可以去查看Prettier中文网

4. Code Spell Checker

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

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

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

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

Git

1. GitLens — Git supercharged

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

代码补全

1. Path Intellisense

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

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

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

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

3. Tabnine AI Autocomplete for Javascript, Python, Typescript, PHP, Go, Java, Ruby & more

一款利用机器学习补全代码的编辑器插件,十分智能的代码补全插件，如下图：

开发辅助

1. Auto Rename Tag

能够自动重命名 HTML 或 XML 标签的闭合标签，以保持标签的一致性和正确性。

2.CSS Peek

可以让你通过将鼠标悬停在 HTML 元素上来快速查看和导航到关联的 CSS 样式，提高前端开发中的样式调试和编辑效率。

高亮

1. TODO Highlight

高亮TODO，如下图：

跨平台配置

1. EditorConfig for VS Code

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

To be continue...

如果还有其他好用的插件，或者有错误的地方，欢迎一起交流，或者issue