## 项目根目录 新建 `.prettierrc`
{
"printWidth": 80, // 每行到多少长度开始折行
"tabWidth": 2, // tab 缩进字符数
"semi": false, // 行尾加分号
"useTabs": true, //使用tab（制表符）缩进而非空格
"singleQuote": true, // 单引号替换双引号
"trailingComma": "none", // 数组、对象最后一个元素的尾逗号
"bracketSpacing": true, // 花括号前后空格
"jsxBracketSameLine": true, // 使多行JSX元素最后一行末尾的 > 单独一行
"parser": "babel", // 指定使用哪一种解析器 最好不设置 除js vue的文件格式化可能会失效
"arrowParens": "avoid", //只有一个参数的箭头函数的参数是否带圆括号（默认avoid不带）
"jsxSingleQuote": true, //在JSX中使用单引号
"htmlWhitespaceSensitivity": "ignore", //为 HTML 文件定义全局空格敏感度
"quoteProps": "as-needed" //自定义引号配置
}
.prettierrc 不允许注释说明 以下用于复制使用
{
"printWidth": 80,
"tabWidth": 2,
"semi": false,
"useTabs": true,
"singleQuote": true,
"trailingComma": "none",
"bracketSpacing": true,
"jsxBracketSameLine": true,
"arrowParens": "avoid",
"jsxSingleQuote": true,
"htmlWhitespaceSensitivity": "ignore",
"quoteProps": "as-needed"
}
- 如果检测到本地有.prettierrc 文件 则settings.json的prettier配置失效
settings.json 文件基础配置 详情见settings.json配置文件文章
// 自动保存格式化
"editor.formatOnSave": true
// 单引号 无分号
"vetur.format.defaultFormatterOptions": {
"prettier": {
"semi": false,
"singleQuote": true
}
}
