当你利用脚手架在创建vue项目时,无脑创建下默认一定会安装eslint代码检测工具。那么你的噩梦就来了。eslint作为代码规范检测,不得不承认它的强大,但是绝对是会逼死一众强迫症患者。 比如你只是简简单单运行一个vue项目,报错一大堆,是不是瞬间就头大了。不过,仔细看一下就知道,这种报错很明显就是eslint检测的结果。
1、prettier 会默认把 单引号变成双引号,然后eslint校验报错 2、js 每行代码后面会加一个 分号,然后eslint校验报错 3、函数结束之后会加一个逗号,然后eslint校验报错 这样的话有两种解决方式,第一个改eslint,让它的校验改成双引号,支持分号 第二种,改prettier,让它符合eslint的校验方式 毫无疑问,我们选择第二种...
后来发现,其实有比较简单的修改方式,就是使用eslint-plugin-prettier插件 先安装npm install --save-dev eslint-plugin-prettier 然后修改eslint的配置"extends": ['自己的eslint配置包', "prettier"],将prettier放在最后,因为后面的配置项会覆盖前面的; 然后修改rules,表示将prettier的规则配置写入eslint,这样将报...
eslint-plugin-prettier Prettier先格式化 (默认是先eslint格式化,再Prettier格式化) 2|0如何解决Prettier与ESLint的配置冲突问题? 在代码格式化时采用Perttier规则,而我们代码校验使用的是ESLint,如果同一个规则配置不一致,往往就会出现冲突问题; 比如:字符串单、双引号的配置,eslint fix后把字符串变成单引号,再次编辑...
It appears that eslint thinks the "prettier" plugin is related to eslint-plugin-prettier rather than eslint-config-prettier. Cannot find module 'eslint-plugin-prettier' // .eslintrc.json { "root": true, "plugins": ["@nrwl/nx", "prettier"...
在实际操作中，可能会遇到Eslint和Prettier的冲突，如代码保存后风格不一致和eslint报错。此时，可以借助eslint-config-prettier规则集来解决，通过在.eslintrc.json中添加Prettier的规则集和eslint-plugin-prettier插件来整合配置。官方推荐的配置是将上述步骤整合，利用plugin:prettier/recommended插件来自动化...
最近老项目集成eslint,我集成eslint + airbnb-base + prettier npm run lint之后上万报错,就算执行--fix自动修复一些之后也还是一半多。 无奈,项目开始没有搞好,后期累死人 特此记录一下吧 1 //关闭eslint检查文件名是否为驼峰命名 'vue/multi-word-component-names': 'off' ...
开启prettier 格式化 开启上面的选项后,VSCode 已经能正确的显示 ESlint 的报错信息,接下来要开启 prttier 的格式化。前面有说到,prettier 是一个校验代码格式化的工具,而 ESlint 的是校验语法的工具。一个项目维护两种配置可能有些麻烦,因此 ESlint 直接以插件的形式提供了支持 ...
prettier eslint冲突 eslint和prettier的区别 1.三者都是干什么的(1)eslinteslint它是一个代码检测工具,用来检测你代码中的不规范,可以统一项目项目的代码规范。如果你的代码不符合规范要求,就会直接在文件中出现不同程度的提示信息。具体是:error:错误,报错文件名在vscode里会直接变红,直到错误改掉。warning:警告,...