在vscode里配置vetur符合eslint
默认格式化程序
| 配置项 |
值 |
| vetur.format.defaultFormatter.html |
prettier |
| vetur.format.defaultFormatter.js |
vscode-typescript |
| vetur.format.defaultFormatter.css |
prettier |
| vetur.format.defaultFormatter.less |
prettier |
| vetur.format.defaultFormatter.scss |
prettier |
| vetur.format.defaultFormatter.postcss |
prettier |
| vetur.format.defaultFormatter.sass |
sass-formatter |
js函数名与括号之间添加一个空格
| 配置项 |
值 |
| javascript.format.insertSpaceBeforeFunctionParenthesis |
true |
这个选项只在vetur.format.defaultFormatter.js值为vscode-typescript时有效。
配置缩进
| 配置项 |
值 |
说明 |
| vetur.format.scriptInitialIndent |
false |
<script>内代码初始缩进为0 |
| vetur.format.styleInitialIndent |
false |
<style>内代码初始缩进为0 |
| vetur.format.options.tabSize |
2 |
代码缩进单位为2个空格 |
| vetur.format.options.useTabs |
false |
使用空格代替tab |
js中的字符串使用单引号而不是双引号
只要vetur.format.defaultFormatter.js值为vscode-typescript就已经可以了。
| 配置项 |
值 |
| vetur.format.defaultFormatter.js |
vscode-typescript |
取消行尾分号（如果有分号会在格式时自动删除）
| 配置项 |
值 |
| javascript.format.semicolons |
remove |
这个不是只针对vue的，而是对所有js生效。
避免脚本中因使用别名被报错
| 配置项 |
值 |
| vetur.validation.script |
false |
避免其他过于严格的报错（可选）
| 配置项 |
值 |
| vetur.validation.style |
false |
| vetur.validation.template |
false |
