先说一个小故事：最近群里很多人反映eslintfix后的代码变丑了。我说我看看，可是2个月过去了，我还是没有做。..（又老又透明，想刷刷存在感。）也暴露了我的无知：到底是eslint修的，还是prettier修的？这是什么奇葩风格本质：不懂eslint，不懂prettier，tmd不懂html，不懂英文空格敏感。为什么第二张图的代码是这样的？先回顾下html空间问题这是一行非常非常长的文字~，我来问你。你敢轻易断行吗？HTML标签容易出现莫名其妙的空格。怎么解决？更优雅。父元素字体大小：0，子元素字体大小：12.345px。知道空间问题，大概就明白了。Prettier应该是不想带空格的锅，所以就把代码弄成那样。有兴趣的同志可以看看eslint-plugin-prettier修复后的换行符格式很乱。Prettier引入了一种自以为是的代码格式化工具。提供很少的配置来帮助我们进行代码格式化。尝试执行npxprettier--write.prettierconfiguration.prettierrc.jsmodule.exports={//单行代码字数限制printWidth:80,//tab键缩进相当于2个空格tabWidth:2,//行缩进使用空格useTabs:false,//不要在语句末尾添加分号semi:false,//使用单引号singleQuote:true,//只在必要时添加双引号quoteProps:'as-needed',//使用JSX中的单引号jsxSingleQuote:true,//尾随逗号trailingComma:'all',//在括号和对象文字之间添加一个空格bracketSpacing:true,//当箭头函数中只有一个参数时忽略括号arrowParens:'avoid',//vue模板中结束标签末尾的尖括号落到下一行htmlWhitespaceSensitivity:'ignore',//.vue文件，
