Vuter 插件的简单配置

Vuter插件是VsCode中的Vue代码格式化和代码提示辅助插件

该插件需要依赖Prettier才能对Vue文件进行自定义格式化

如果未安装Prettier插件则会调用VsCode的内置Javascript插件对Vue文件进行格式化

下面记述了一些Vuter和Prettier插件的配置：

语句末尾不使用分号
“prettier.semi”: false
使用单引号代替双引号
“prettier.singleQuote”: true
函数的括号前添加空格
“javascript.format.insertSpaceBeforeFunctionParenthesis”: true
使用beautify格式化Vue文件中的Template部分代码
“vetur.format.defaultFormatter.html”: “js-beautify-html”
beautify格式化Vue文件配置
“vetur.format.defaultFormatterOptions”: {
“js-beautify-html”: {
// 属性强制折行对齐
// “wrap_attributes”: “force-aligned”,
// 属性单行
“wrap_attributes”: “auto”,
// 属性强制折多行对齐
// “wrap_attributes”: “force-expand-multiline”,
}
}

ESlinet保存时自动修正错误
“eslint.autoFixOnSave”: true,
ESlinet添加 vue 支持
“eslint.validate”: [
“javascript”,
“javascriptreact”,
{
“language”: “vue”,
“autoFix”: true
}
]