Question

我目前正在从Atom转到VS Code。到目前为止，大多数事情都可以在VS Code中完美运行。我唯一无法工作的是Prettier（代码格式化程序）。

在Atom和VS Code中，我已经安装了两个Prettier插件，并将它们保留为默认设置。

每个项目的NPM软件包管理器都包含Prettier，并通过“ .prettierrc.json”和“ .editorconfig”配置文件进行配置。除了Prettier，ESLint设置为通过'.eslintrc.json'配置文件使用Prettier。

.prettierrc.json

{
    "parser": "flow",
    "printWidth": 100,
    "tabWidth": 4,
    "useTabs": true,
    "singleQuote": true
}

.editorconfig

# editorconfig.org
root = true

[*]
indent_style = tab
indent_size = 4
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

[*.yml]
indent_style = space
indent_size = 2

[*.md]
trim_trailing_whitespace = false

.eslintrc.json

{
    "parser": "babel-eslint",
    "extends": ["plugin:prettier/recommended"],
    "plugins": ["prettier"],
    "rules": {
        "prettier/prettier": ["error"]
    },
    "env": {
        "es6": true,
        "browser": true,
        "jquery": true
    }
}

在Atom中，代码（示例）的格式设置如下（首选方式）：

import { Foundation } from 'foundation-sites/js/foundation.core';
Foundation.addToJquery($);

在VS Code中，代码被格式化为带有ESLint错误的不同结构：

import {
    Foundation
} from 'foundation-sites/js/foundation.core';
Foundation.addToJquery($);

错误：

{
    "resource": "[project-folder]/src/assets/js/main.js",
    "owner": "eslint",
    "code": "prettier/prettier",
    "severity": 8,
    "message": "Replace `⏎↹Foundation⏎` with `·Foundation·` (prettier/prettier)",
    "source": "eslint",
    "startLineNumber": 19,
    "startColumn": 9,
    "endLineNumber": 21,
    "endColumn": 1
}

使用以下版本：eslint：5.6.0，eslint-config-prettier：3.1.0，eslint-plugin-prettier：2.6.2，更漂亮：1.14.3

有人知道如何配置VS Code或项目正确吗？

更漂亮的结果Atom vs. VS Code

0 个答案: