Vscode 使用Vetur格式化vue文件 (配置setting.json,非设置.eslintrc.js)
Vscode 使用Vetur格式化vue文件 (配置setting.json,非设置.eslintrc.js)
·
个人使用习惯:
使用Vetur插件,然后在setting中进行配置,而不是在.eslintrc.js中进行不检测设置(无拉踩,仅个人习惯)
主要有处理:
- 让函数(名)和后面的括号之间加个空格
- 结尾去掉分号
- 双引号变成单引号
- 单行长度设置为200
- 由于我没有出现随意添加逗号 禁止随时添加逗号 被我注释掉了
{
"javascript.format.insertSpaceBeforeFunctionParenthesis": true, // 让函数(名)和后面的括号之间加个空格
"[javascript]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
},
"vetur.format.defaultFormatter.js": "vscode-typescript",
// 上面3个配一起 函数名后面才会加空格
"vetur.format.defaultFormatterOptions": {
"wrap_attributes": "force-aligned",
"js-beautify-html": {
// - force: 对除第一个属性外的其他每个属性进行换行。
// - force-aligned: 对除第一个属性外的其他每个属性进行换行,并保持对齐。
// - force-expand-multiline: 对每个属性进行换行。
// - aligned-multiple: 当超出折行长度时,将属性进行垂直对齐。
"wrap_attributes": "force-aligned",
// #vue组件中html代码格式化样式,可选
"wrap_line_length": 200,
"end_with_newline": false,
"semi": true,
"singleQuote": false
},
"prettier": {
//设置分号
"semi": false,
//双引号变成单引号
"singleQuote": true,
//禁止随时添加逗号,这个很重要。找了好久
// "trailingComma": "none"
}
},
}
更多推荐
已为社区贡献2条内容
所有评论(0)