Question

我只是加入了一个小团队，并且很多JS都没有被掉毛或美化/更漂亮

我想通过ESLint / Prettier运行整个目录，以便在处理这些文件时，当我保存或更改焦点时，它们会被清理。我已经将ESLint配置提交给了仓库，因此团队的其余成员将具有相同的设置，并且我将它们传递给我的VSCode配置，以便它们具有相同的“保存时清除”功能。

但是，我遇到的问题是，当我在终端中运行eslint . --fix时，我的JS文件会掉线，并且我的配置应该包括eslint-config-prettier插入。因此，我认为这同样适用。

所以GitLens告诉我所有我的.js文件都已清除。我打开文件以查看更改，然后单击保存...将格式设置应用于文件，它与eslint . --fix的结果完全不同。

发生了什么事？

这是我的配置：

.eslintrc.js：

module.exports = {
    extends: [
        "google", "prettier"
    ],
    env: {
        es6: true,
        browser: true,
        node: true,
        jquery: true,
    },
    rules: {
        "linebreak-style": [
            "error", "windows"
        ],
        quotes: [
            "warn",
            "double", {
                avoidEscape: true
            }
        ],
        semi: [
            "error", "always"
        ],
        "no-var": 0,
        "require-jsdoc": 0,
        "max-len": 0,
        "padded-blocks": 0,
        "comma-dangle": [
            "error", "never"
        ],
        "no-alert": 1,
        "no-console": 1,
        curly: 2,
        "one-var": [
            "error", "never"
        ],
        "no-unused-vars": [
            "warn", {
                varsIgnorePattern: "PreSaveAction|[Ii]gnore"
            }
        ],
        "quote-props": [
            2, "as-needed"
        ],
        "new-cap": 0,
        "guard-for-in": 0,
        "no-multiple-empty-lines": [
            "warn", {
                max: 1
            }
        ],
        "prefer-spread": 0,
        "no-trailing-spaces": 1
    },
    plugins: ["prettier"]
};

UserSettings：

// Place your settings in this file to overwrite the default settings
{
    "files.autoSave": "onFocusChange",
    "editor.formatOnSave": false,
    "editor.wordWrap": "on",
    "eslint.autoFixOnSave": true,
    "workbench.colorTheme": "Default High Contrast",
    "materialTheme.autoApplyIcons": true,
    "pasteAndIndent.selectAfter": true,
    "beautify.config": "C:\\Users\\project\\.jsbeautifyrc",
    "eslint.alwaysShowStatus": true
}

我在根目录中也有一个.jsbeautiyrc文件，我不确定是否使用过它：

{
  "indent_size": 4,
  "indent_char": " ",
  "end_with_newline": true,
  "brace_style": "collapse"
}

Eslint不以保存VSCode的方式格式化代码

0 个答案: