Prettier 的配置

  代码格式化插件,记录一下自定义配置。

一、vscode 中使用 Prettier

1、安装插件

  搜索并安装插件Prettier - Code formatter

2、添加配置文件

  在项目根目录添加配置文件.prettierrc,如下:

1
2
3
4
5
6
7
{
"printWidth": 140,
"semi": false,
"singleQuote": true,
"trailingComma": "none",
"arrowParens": "avoid"
}
序号 配置项 参数值 代表意义
1 printWidth 140 int,达到该宽度即换行
2 semi false bool,在语句末尾添加分号
3 singleQuote true bool,使用单引号而非双引号
4 trailingComma ‘none’ ‘none’/‘es5’/‘all’,在任何可能的多行中输入尾逗号
5 arrowParens ‘avoid’ (x) => {} 箭头函数参数只有一个时是否要有小括号。avoid:省略括号

3、保存自动格式化代码 可选

  在settings.json中添加如下代码:

1
"editor.formatOnSave": false
以上

随笔标题:Prettier 的配置

随笔作者:刘先玉

发布时间:2020年05月28日 - 17:05:57

最后更新:2020年05月28日 - 17:05:57

原文链接:https://liuxianyu.cn/article/prettierrc.html