优秀的编程知识分享平台

网站首页 > 技术文章 正文

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

nanyue 2024-09-04 10:00:20 技术文章 8 ℃

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

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

我自己是一名从事了多年开发的web前端老程序员,目前辞职在做自己的web前端私人定制课程,今年年初我花了一个月整理了一份最适合2019年学习的web前端学习干货,各种框架都有整理,送给每一位前端小伙伴,想要获取的可以关注我的头条号并在后台私信我:前端,即可免费获取。

首先需要装一些vscode插件

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

vscode插件安装

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

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

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


原文链接:https://mp.weixin.qq.com/s/7alUUBbJ1BVaFODumuSiDg

作者:前端之阶

最近发表
标签列表