现在我们很多项目上都会使用eslint来规范一些写法,这样会使得我们的代码更加的一致,但是很多时候我们并不习惯使用eslint,而且一些eslint的写法虽然好,但是会多一些步骤,比如多写一个空格之类的,而我们平时在写代码的时候,也会借助编辑器的格式化来格式化代码,这样就省去了很多手工操作,但是有的时候编辑器的格式化方式跟eslint冲突,这个时候我们怎么解决呢?
下面介绍vscode下怎么解决这些问题,怎么让我们安心的写代码,不用管报错,只要我们格式化一些,保存一下就能解决大部分的eslint写法问题(不能解决的问题比如某个位置缺少一个逗号啊,变量创建但是没有使用啊,这些需要自己手动更改)
选择的编辑器是vscode,我们要使用eslint首先就要我们的项目是受eslint约束的,我们要npm安装eslint,并且安装一个叫做eslint的vscode的插件
随后我们打开用户设置进行配置,配置成每次保存的时候都使用eslint进行一次格式化,
{
"eslint.autoFixOnSave": true,
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "html",
"autoFix": true
},
{
"language": "vue",
"autoFix": true
}
]
}
但是这个时候我们会遇到一些问题,如果我们使用的是默认的eslint设置,这时候是不允许后面有分号的,而我们格式化是会自动加上分号的,再比如分号的问题,原来的格式化是双引号而现在的是eslint要求是单引号,这是不行的
因此我们进行修改