关于vscode Eslint的配置问题

首先是项目创建Eslint的选择

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

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

2项目中常用的eslint配置

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

eslint保存自动修复的设置

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

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

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

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

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

参与评论 您还未登录,请先 登录 后发表或查看评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:数字20 设计师:CSDN官方博客 返回首页

打赏作者

BBC蟹耳总

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值