安装包:
npm install --save-dev --save-exact prettier
在项目目录下新建 .prettierrc
文件,内容如下:
{
"semi": true,
"printWidth": 1200,
"tabWidth": 2,
"singleQuote": false,
"arrowParens": "always",
"trailingComma": "all"
}
字段说明:
配置项 | 接收值 | 默认值 | 说明 |
---|---|---|---|
semi | Boolean | true | 是否需要在句尾添加分号 |
printWidth | Int | 80 | 每行的长度,超出自动换行 |
tabWidth | Int | 2 | 缩进空格数 |
useTabs | Boolean | false | 是否使用制表符缩进 |
singleQuote | Boolean | false | 使用单引号代替双引号 |
arrowParens | “always”,”avoid” | “always(V2.0.0)” | 箭头函数单个参数时是否要需要小括号 |
trailingComma | “es5”,”none”,”all” | “es5(V2.0.0)” | 对象最后一项是否加上逗号 |
修改格式化快捷键: