prettier配置参数说明
有必要使⽤prettier进⾏代码格式化。
1、常⽤的配置说明如下：
{
// 使能每⼀种语⾔默认格式化规则
"[html]":{
"editor.defaultFormatter":"esbenp.prettier-vscode"
},
"[css]":{
"editor.defaultFormatter":"esbenp.prettier-vscode"
},
"[less]":{
"editor.defaultFormatter":"esbenp.prettier-vscode"
},
"[javascript]":{
"editor.defaultFormatter":"esbenp.prettier-vscode"
},
/*  prettier的配置 */
"prettier.printWidth":100,// 超过最⼤值换⾏
"prettier.tabWidth":4,// 缩进字节数
"prettier.useTabs":false,// 缩进不使⽤tab，使⽤空格
"prettier.semi":true,// 句尾添加分号
"prettier.singleQuote":true,// 使⽤单引号代替双引号
"prettier.proseWrap":"preserve",// 默认值。因为使⽤了⼀些折⾏敏感型的渲染器（如GitHub comment）⽽按照markdown⽂本样式进⾏折⾏"prettier.arrowParens":"avoid",//  (x) => {} 箭头函数参数只有⼀个时是否要有⼩括号。avoid：省略括号
"prettier.bracketSpacing":true,// 在对象，数组括号与⽂字之间加空格 "{ foo: bar }"
"prettier.disableLanguages":["vue"],// 不格式化vue⽂件，vue⽂件的格式化单独设置
"dOfLine":"auto",// 结尾是 \n \r \n\r auto
"prettier.eslintIntegration":false,//不让prettier使⽤eslint的代码格式进⾏校验
"prettier.htmlWhitespaceSensitivity":"ignore",
"prettier.ignorePath":".prettierignore",// 不使⽤prettier格式化的⽂件填写在项⽬的.prettierignore⽂件中
"prettier.jsxBracketSameLine":false,// 在jsx中把'>' 是否单独放⼀⾏
"prettier.jsxSingleQuote":false,// 在jsx中使⽤单引号代替双引号
"prettier.parser":"babylon",// 格式化的解析器，默认是babylon
"quireConfig":false,// Require a 'prettierconfig' to format prettier
"prettier.stylelintIntegration":false,//不让prettier使⽤stylelint的代码格式进⾏校验
"ailingComma":"es5",// 在对象或数组最后⼀个元素后⾯是否加逗号（在ES5中加尾逗号）
"prettier.tslintIntegration":false// 不让prettier使⽤tslint的代码格式进⾏校验
}
2、格式化vue代码配置
{
"[vue]":{
"editor.defaultFormatter":"esbenp.prettier-vscode"
}格式化命令format参数
}
3、Vetur结合prettier使⽤，单独对 Vetur 的 prettier 进⾏配置，如下：
{
"vetur.format.defaultFormatter.html":"prettier",
"vetur.format.defaultFormatter.js":"prettier",
"vetur.format.defaultFormatter.less":"prettier",
"vetur.format.defaultFormatterOptions":{
"prettier":{
"printWidth":160,
"singleQuote":true,// 使⽤单引号
"semi":true,// 末尾使⽤分号
"tabWidth":4,
"arrowParens":"avoid",
"bracketSpacing":true,
"proseWrap":"preserve"// 代码超出是否要换⾏ preserve保留}
},
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。