设置WebStorm编辑器格式化代码的样式

为什么设置编辑器格式化代码的样式

• 当我们团队合作的时候，每个人的代码风格各不相同，因此制定了一系列的代码规范文档来同一团队内的代码风格，并通过eslint、prettier等来监测代码格式，以此来约束、同一代码风格。
• 但当我们编写完代码后，我们的代码格式并不一定完全是按照代码规范来做的，因此在运行代码的时候，就会因为eslint的约束导致项目报错或是一系列警告。这时，我们如果一个一个去更改报错或是警告位置的代码格式就会感觉很麻烦，因此我们可以通过设置 WebStorm 编辑器的代码风格，在格式化代码的时候就可以达到我们想要的效果。

如何设置编辑器格式化代码的样式

1. 我们可以在对应文件直接使用快捷键格式化代码，也可以右键对应文件点击Reformat Code格式化代码
   
2. 打开编辑器setting设置，进入如图路径下设置，在Code Style目录下你可以设置你的HTML、JavaScript等代码样式。在这里你就可以设置你的代码风格了，并且在格式化代码的时候也会遵循这个设置。你可以预览改变设置后的代码样子----->右边的代码区域

这就是我个人的webstorm代码风格设置，可以根据自己喜好进行设置。