首先是项目创建Eslint的选择
1 项目创建时eslint的模式选择
标题项目创建时会让你选择Eslint的模式有三种,分别是Goole、Airbnb、以及standard三种,其中standard是前端工程师自行定义的标准,而Airbnb则更为严格,可以认为是通用标准,在实际公司合作开发中都是用这中模式居多。我在开发时也是选择Airbnb模式。
2项目中常用的eslint配置
在编写项目代码时,通常需要一个良好的编码规范,eslint插件是非常重要的一个插件,有句话说的好,磨刀不误砍柴工,在编写代码之前要将环境以及响应的配置处理好,才能让我们的开发更为高效、方便。
eslint保存自动修复的设置
这个功能非常有效,首先点击vscode的设置settings,在扩展中extension中找到eslint,然后点击Edit in settings.json文件
在文件中添加以下两行代码:
添加完成之后,你在vue项目运行起来改代码时保存就能自动修复一些格式问题,非常方便。
3关于工作区配置以及用户配置
用户配置:用户配置相当于是全局配置,这种方式进行的设置,会应用于该用户打开的所有工程。这中配置不利于团队的开发,因为每个人的设置爱好都有所不同,可能会造成编码不便。
工作区配置:当多人共同完成某个项目的时候,该项目会有一定的编码规范,如: 编辑某个语言时的设置,代码的缩进等等,这个时候就需要对该项目进行单独的工作空间级别的设置。
这两个的设置也是类似:
在设置中左上角,点用户或者工作区进行相关配置