VS .vue文件中的代码格式化数组
我有一个.vue文件，当我保存它时会自动格式化它。这是伟大的，但我有一个问题，我无法理解，也无法摆脱。按照本指南，https://blog.jongallant.com/2019/02/vuejs-vetur-vscode-format-eslint-issues/，我已经设置VS代码使用Vetur，美化-js和ESLint。
在.vue文件中，我有一个简单的数组。当我保存文件时，它会闪烁100 it，如下所示：
然后像这样被拯救：
然后，ESLint抱怨两件事：
“8个空格的扩展缩进，但发现0.eslint(缩进)”
和
“尾部空间不包括allowed.eslint(无尾随-空格)”
我同意ESLint的观点，不想压制这些错误。其他格式都很好，但JS不是数组。我相信这是js-美化文档的格式(因此链接的文章：)，但是当我禁用它时，文档仍然会被格式化。但是，如果我在eslint.validate的vue部分(参见下面)将自动修复设置为false，则文档不会格式化。所以我在这里有点困惑。
这是我的settings.json
{
"explorer.confirmDragAndDrop": false,
"vetur.validation.template": false,
"editor.formatOnSave": true,
"eslint.validate": [
{
"language": "vue",
"autoFix": true
},
{
"language": "html",
"autoFix": true
},
{
"language": "javascript",
"autoFix": true
}
],
"explorer.confirmDelete": false,
"eslint.autoFixOnSave": true,
"html.format.wrapLineLength": 200,
"editor.wordWrapColumn": 280,
"editor.wordWrap": "on",
"html.format.wrapAttributes": "force",
"editor.snippetSuggestions": "top",
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "auto"
}
}
}这是我的.eslintrc.js
module.exports = {
root: true,
env: {
node: true,
},
plugins: ['es-beautifier'],
extends: ['plugin:vue/essential', 'plugin:es-beautifier/standard'],
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'comma-dangle': ['error', 'never'],
// 'no-trailing-spaces': [0],
// indent: 'off',
'linebreak-style': 'off',
},
parserOptions: {
parser: 'babel-eslint',
},
};谢谢!
回答 2
Stack Overflow用户
发布于 2019-06-21 14:50:51
我能够进行测试，当使用更漂亮的与Vetur一起格式化.Vue文件时，它的格式是正确的。
以下是在.Vue文件中保存示例后的格式化方式。
这是我的设置。
下面是一个指向更漂亮的代码格式化程序的链接：https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
不确定交换扩展是否是您能够在项目中完成的事情，但它确实按您所希望的格式进行，并且可以防止esLint对您发出尖叫声。
干杯!
Stack Overflow用户
发布于 2019-06-15 21:01:25
试试这个：
return {
columns: [
'test',
'test2',
'test3',
'test4',
'Pest555',
'66666666',
'seven seven seven',
],
},数组中每个元素的✅一行
数组中的每个元素都有一个[行的缩进。
在逗号,之后没有空格(但如果您有一个注释内联, // inline comment，则可以添加一个空格)
✅最后一个元素有逗号，如果您添加了另一个元素，就不会在git上产生任何差异。
此外，我更喜欢4个空格缩进和双引号，但这并不重要。
希望它有帮助:)
https://stackoverflow.com/questions/56547309
复制相似问题
腾讯云开发者
