vscode保存编码_vscode保存代码，自动按照eslint规范格式化代码设置

vscode保存代码，自动按照eslint规范格式化代码设置

编辑器代码风格一致，是前端代码规范的一部分。我们现在前端绝大部分都在使用eslint，或者将要把代码改为eslint，那么此时我们怎么方便使用这个规范呢，下面我来介绍一下使用vscode+eslint 自动保存，自动格式化的一种方式！我自己是一名从事了多年开发的web前端老程序员，目前辞职在做自己的web前端私人定制课程，今年年初我花了一个月整理了一份最适合2019年学习的web前端学习干货，各种框架都有整理，送给每一位前端小伙伴，想要获取的可以关注我的头条号并在后台私信我：前端，即可免费获取。

首先需要装一些vscode插件

eslint、Vetur、Prettier，具体的插件说明可参考作者之前的一篇文章。

vscode插件安装

安装完成后需要配置一下eslint，打开eslint的配置文件(左下角有个设置,点开搜索settings.json)

打开settings.jons，贴上如下配置，注意自己原有的vscode主题和字体等不要替换掉

接下来就可以愉快的使用自动保存eslint格式了。