5

我不知道如何为函数括号之间的空格设置配置。我在任何地方都将其设置为 true，但是当我保存.vue文件时，空间会被删除 - 删除后它会突出显示为错误 ( Missing space between function parentheses)。它发生在script部分。在文件中.js添加了空格，但也突出显示为错误，这次... ？！在保存空间时添加了一些设置配置（我现在无法重新创建），然后在文件中再次删除。Unexpected space between function parentheses.vue

我的 settings.json

"vetur.format.defaultFormatter.js": "prettier", // tried both prettier and typescript
// "vetur.format.defaultFormatter.js": "vscode-typescript", // tried both prettier and typescript
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
"typescript.format.insertSpaceBeforeFunctionParenthesis": true,
"vetur.format.defaultFormatterOptions": {
    "prettier": {
        "singleQuote": true,
        "spaceBeforeFunctionParen": true,
        "eslintIntegration": true,
    },
    "vscode-typescript": {
        "singleQuote": true,
        "spaceBeforeFunctionParen": true,
        "eslintIntegration": true,
    }
},

.eslintrc.js

module.exports = {
    root: true,
    env: {
        node: true
    },
    'extends': [
        'plugin:vue/essential',
        '@vue/standard'
    ],
    rules: {
        'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',          
        "space-before-function-paren": ["error", "always"], //setting this to 'never' removes the error highlight in vue files, not js files
    },
    parserOptions: {
        parser: 'babel-eslint',
        sourceType: "module"
    }
}

我已经阅读了无数个问题，并在我在答案中找到的每个可能的设置中设置了函数括号之间的空格。linting 过程仍然找到了一种方法来忽略所有这些设置并实施不同的设置。更不用说它突出显示与自动格式化不一致的错误。还有其他我仍然缺少的设置吗？

4

2 回答 2

3

尝试这个：

npm install prettier@v1.19.1 --save-dev --save-exact

然后重新启动VS Code。

Prettier 刚刚更新到 v2，如果您的项目没有在本地安装 prettier，它将使用 VS Code 的版本，这很可能是最新版本。在 prettier v2 中，space-before-function-paren已成为默认设置，因此将应用于所有未安装 prettier pre v2 本地版本的项目。对我来说，使用任何配置组合似乎都不起作用——就像更漂亮的只是忽略了所有这些。希望这可以帮助。

于 2020-04-04T19:12:23.897 回答
3

在 Prettier v2 之前，它似乎不支持 space-before-function-paren 规则。所以我们应该关闭上面的规则来解决冲突。

尝试这个

module.exports = {
  rules: {
    'space-before-function-paren': 'off'
  }
}

在位于项目根目录的 ESLint 配置文件（例如 .eslintrc.js）中。

然后我们应该在 VS Code 中的 settings.json 中添加以下内容。

  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll": true
  },

最后但同样重要的是，在 VS Code 中禁用 Vetur 扩展可能是更好的选择。

于 2020-04-06T16:12:25.363 回答