vue开发的时候,在我们装完了veter插件后,习惯性 alt+shift+F,格式化代码,莫名其妙的将代码自动换行
格式起头无比,复制一下代码就能可以.
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatter.js": "vscode-typ=script",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "auto"
},
"prettyhtml": {
"printWidth": 100,
"singleQuote": false,
"wrapAttributes": false,
"sortAttributes": false
}
}
当我们使用右键格式化的时候,就会自动帮我们补全符号,但是,有些符号在eslint中就会报语法错误,那我们需要怎么办呢?可以通过.prettierrc来进行文件配置
需要在项目的根目录建一个.prettierrc文件,并在文件里写上如下代码:
{
"semi": false, // 使用分号, 默认为true
"singleQuote": true, // 使用单引号, 默认为false(在jsx中配置会无效, 默认为双引号)
"bracketSpacing": true // 对象中的空格 默认为true
}