一.解决办法
1.新建.prettierrc.json配置文件放在vue项目的根目录下(也就是和package.json文件同一目录)
2.prettierrc.json内容如下
{
"singleQuote":true,//使用单引号而不是双引号,true就是对
"semi":false//在语句结尾处打印分号,false就是不打印
}
二.格式化代码会自动换行
1.打开设置
2.打开右上角的settings.json文件
3.代码改成如下
{
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "auto"
},
"prettyhtml": {
"printWidth": 100,
"singleQuote": false,
"wrapAttributes": false,
"sortAttributes": false
}
},
}