react使用eslint的三种代码检测方案
command+s保存代码的时候发现会有红色波浪线警告,虽然不影响功能但是不美观,而且影响自己如果报错了影响排错 我们安装完prettier之后设置prettier会自动进行代码格式化,因为他只关心代码格式美观性,而eslint就可以规范你的编码风格,提升代码质量,但是eslint的代码格式化有盲区,只针对js,jsx,tsx,不能格式化html,css,less,sass,所以我们要保证兼容的情况下,要么修改prettier的规则,要么修改eslint的规则
安装eslit-config-prettier npm 工具包就可以关闭eslint代码风格部分与prettier冲突:
yarn add -D eslint-config-prettier
在.eslintrc.js中添加
{
“extends”: [
“some-other-config-you-use”,
“prettier”
]
}