【前端工程化】- 2 -VSCode插件

2 - VSCode 插件

如果使用好了 VSCode 插件，可以让写代码时不仅美观统一，还能帮助避免一些常见错误。
这里列举了一些目前觉得好用的 VSCode 插件，以供参考。

代码检查和美化：

1. ESLint

主要针对 JS & JSX，非常心水它的美化代码和 Auto Fix on Save，同时也可以在 .eslintrc.js 中配置一些规则，让代码统一、规范，比如每个函数的最大行数可以强制对复杂的方法进行拆分，对多人协作很有帮助
详细规则配置等参考官网 http://eslint.cn/
tslint: 用来检查 typescript 的语法规范

2. vscode-styled-components

这个是针对 styled-components 的语法进行高亮和自动补全，替代了默认的 styled-components 的啥都没有的纯 string 写法
其他 css 可以使用 styleLint

3. stylelint

CSS / SCSS / Less 语法检查

4. Prettier

用来一键美化 JS/TS/CSS 代码

代码补全和 Shortcuts：

因为平时工作中以 React 为主，所以会倾向于 React 相关