vscode插件Vetur解决代码⾼亮和格式化问题在⽤vscode打开vue项⽬的时候，通常会这样
后来找到了⼀个插件Vetur
下载后重新加载页⾯，页⾯就⽐较舒服了，解决了代码⾼亮问题
千足金和足金的区别但是我们发现，vue⽂件html代码⽆法格式化，这样就⽐较难受，后来在设置ttings.json中添加设置甘肃大学有哪些
// 更改vue的html格式，根据需求设置
"vetur.format.defaultFormatter.html":"js-beautify-html",出国留学的条件
// 保存时⾃动格式化
"editor.formatOnSave":true,
这样保存之后，我们发现html标签属性强制换⾏
如果不喜欢这样的样式，可以在ttings.json中添加设置
"vetur.format.defaultFormatterOptions":{
"js-beautify-html":{幼儿园心得
"wrap_attributes":"auto",
}
},
注： // 对属性进⾏换⾏。
// - auto: 仅在超出⾏长度时才对属性进⾏换⾏。
手指谣儿歌// - force: 对除第⼀个属性外的其他每个属性进⾏换⾏。
// - force-aligned: 对除第⼀个属性外的其他每个属性进⾏换⾏，并保持对齐。
// - force-expand-multiline: 对每个属性进⾏换⾏。
// - aligned-multiple: 当超出折⾏长度时，将属性进⾏垂直对齐。
保存结果
然后我就发现vue⾥js代码⼜出现了问题，原代码是这样
天珠的种类
保存以后
本来不加双引号和分号就是为了简单，这样就⼜有问题了，后来在设置ttings.json中添加设置，之后重启编辑器
冰箱英语
// 更改vue的js格式
"vetur.format.defaultFormatter.js":"vscode-typescript",
保存以后
这样双引号是双引号，分号是分号，但还有⼀种强制转换，安装插件Prettier - Code formatter，在设置ttings.json中添加设置// 控制尾随分号
"prettier.mi":fal,
// 强制单引号
"prettier.singleQuote":true,
原代码
保存以后
总结：安装Vetur，在etings.json中添加
// 更改vue的html格式，根据需求设置
伦巴基本步教学"vetur.format.defaultFormatter.html":"js-beautify-html", // 更改vue的js格式
"vetur.format.defaultFormatter.js":"vscode-typescript", // 保存时⾃动格式化
"editor.formatOnSave":true,
// 取消html标签属性强制换⾏
"vetur.format.defaultFormatterOptions":{
"js-beautify-html":{
"wrap_attributes":"auto",
}
},
