.prettierrc介绍及文件常见配置

 

1.vue根文件下创建个.prettierrc.js

2.添加需要的配置

module.exports = {
  // 设置tab宽度为2个空格
  "tabWidth": 2,
  // 语句末尾要加分号
  "semi": true,
  // 使用单引号
  "singleQuote": true,
  // (x) => {} 箭头函数参数只有一个时是否要有小括号。avoid：省略括号
  "arrowParens": "avoid",
  // 在对象，数组括号与文字之间加空格 "{ foo: bar }"
  "bracketSpacing": true
}

3.打开vscode（设置面板）

 

 4.在设置中，搜索save，勾选Format On Save 

 至此，你即可在vscode保存时，自动格式化代码。

 

官网地址：Prettier 中文网 · Prettier 是一个“有态度”的代码格式化工具