Prettier配置规则

JavaScript026

Prettier配置规则,第1张

在工程根目录下建立 .prettierrc.js 文件,各项常用配置如下:

其余一般配置有效,格式化时 【双引号变为单引号】此项配置无效,解决办法:

在工程根目录下新建 .prettierrc.js 文件,内部手动编写配置项:

原因是 prettier 设置了函数与括号之间有空格,而 eslint 校验时是不允许有;

设置 Vetur

Vetur › Format › Default Formatter: JS

选择:prettier-eslint

prettier3.7以上会优先读取项目根目录下的editorconfig or prettier config,如果有,就不会使用vscode setting中的设置,所以最好每个项目都配置一个单独的 prettier 配置文件。名字为: .prettierrc

根据需求自行修改,并保存。注释需去掉,不兼容 //

shift + alt + f,格式化的文件符合eslint要求

如果还有问题,配合 https://eslint.bootcss.com/ 来修改.eslintrc.js里的配置(注意要重跑项目才起效)