vscode保存自动格式化怎么设置(按照eslint规范格式化代码)

admin 651 0

vscode保存代码,自动按照eslint规范格式化代码设置,编辑器代码风格一致,是前端代码规范的一部分。我们现在前端绝大部分都在使用eslint,或者将要把代码改为eslint,那么此时我们怎么方便使用这个规范呢,下面我来介绍一下使用vscode+eslint 自动保存,自动格式化的一种方式!

    首先需要装一些vscode插件

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

vscode插件安装

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

vscode保存自动格式化怎么设置(按照eslint规范格式化代码)-第1张图片-前端这点事

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

vscode保存自动格式化怎么设置(按照eslint规范格式化代码)-第2张图片-前端这点事

vscode保存自动格式化怎么设置(按照eslint规范格式化代码)-第3张图片-前端这点事

vscode保存自动格式化怎么设置(按照eslint规范格式化代码)-第4张图片-前端这点事

vscode保存自动格式化怎么设置(按照eslint规范格式化代码)-第5张图片-前端这点事

vscode保存自动格式化怎么设置(按照eslint规范格式化代码)-第6张图片-前端这点事

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

龙华富士康招聘网

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~