Prettier是什么?
首先,对应ESLint大多都很熟悉,用来进行代码的校验,但是Prettier(直译过来就是"更漂亮的"😂)听得可能就比较少了。js作为一门灵活的弱类型语言,代码风格千奇百怪,一千个人写js就有一千种写法。虽然js没有官方推荐的代码规范,不过社区有些比较热门的代码规范,比如standardjs、airbnb。使用ESLint配合这些规范,能够检测出代码中的潜在问题,提高代码质量,但是并不能完全统一代码风格,因为这些代码规范的重点并不在代码风格上(虽然有一些限制)。
格式化
能支持jsx ,也能支持css,唯一的遗憾是,暂时还不能格式化vue模版文件中template部分。🤔
安装插件 vscode 扩展商店
Prettier - Code formatter
配置设置那里(格式化)
setting.js
“editor.formatOnType”:true,
“editor.formatOnSave”: true,