关于vscode Eslint的配置问题

本文介绍了项目创建时如何选择Eslint模式,重点讲解了Airbnb模式的使用,以及在开发过程中如何配置和利用eslint进行代码规范检查。通过设置保存自动修复功能,可以提高开发效率。同时,讨论了工作区配置与用户配置的区别,强调了团队合作中工作区配置的重要性。
摘要由CSDN通过智能技术生成

首先是项目创建Eslint的选择

1 项目创建时eslint的模式选择

标题项目创建时会让你选择Eslint的模式有三种,分别是Goole、Airbnb、以及standard三种,其中standard是前端工程师自行定义的标准,而Airbnb则更为严格,可以认为是通用标准,在实际公司合作开发中都是用这中模式居多。我在开发时也是选择Airbnb模式。

2项目中常用的eslint配置

在编写项目代码时,通常需要一个良好的编码规范,eslint插件是非常重要的一个插件,有句话说的好,磨刀不误砍柴工,在编写代码之前要将环境以及响应的配置处理好,才能让我们的开发更为高效、方便。

eslint保存自动修复的设置

这个功能非常有效,首先点击vscode的设置settings,在扩展中extension中找到eslint,然后点击Edit in settings.json文件
在这里插入图片描述
在文件中添加以下两行代码:
在这里插入图片描述

添加完成之后,你在vue项目运行起来改代码时保存就能自动修复一些格式问题,非常方便。

3关于工作区配置以及用户配置

用户配置:用户配置相当于是全局配置,这种方式进行的设置,会应用于该用户打开的所有工程。这中配置不利于团队的开发,因为每个人的设置爱好都有所不同,可能会造成编码不便。
工作区配置:当多人共同完成某个项目的时候,该项目会有一定的编码规范,如: 编辑某个语言时的设置,代码的缩进等等,这个时候就需要对该项目进行单独的工作空间级别的设置。
这两个的设置也是类似:

在这里插入图片描述
在设置中左上角,点用户或者工作区进行相关配置

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值