## 項目根目錄 新建 `.prettierrc`
{
"printWidth": 80, // 每行到多少長度開始折行
"tabWidth": 2, // tab 縮進(jìn)字符數(shù)
"semi": false, // 行尾加分號
"useTabs": true, //使用tab（制表符）縮進(jìn)而非空格
"singleQuote": true, // 單引號替換雙引號
"trailingComma": "none", // 數(shù)組杉武、對象最后一個元素的尾逗號
"bracketSpacing": true, // 花括號前后空格
"jsxBracketSameLine": true, // 使多行JSX元素最后一行末尾的 > 單獨一行
"parser": "babel", // 指定使用哪一種解析器 最好不設(shè)置 除js vue的文件格式化可能會失效
"arrowParens": "avoid", //只有一個參數(shù)的箭頭函數(shù)的參數(shù)是否帶圓括號（默認(rèn)avoid不帶）
"jsxSingleQuote": true, //在JSX中使用單引號
"htmlWhitespaceSensitivity": "ignore", //為 HTML 文件定義全局空格敏感度
"quoteProps": "as-needed" //自定義引號配置
}
.prettierrc 不允許注釋說明 以下用于復(fù)制使用
{
"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 文件基礎(chǔ)配置 詳情見settings.json配置文件文章
// 自動保存格式化
"editor.formatOnSave": true
// 單引號 無分號
"vetur.format.defaultFormatterOptions": {
"prettier": {
"semi": false,
"singleQuote": true
}
}
