Более привлекательные результаты Atom vs. VS Code - PullRequest
Новая
       37

Более привлекательные результаты Atom vs. VS Code

0 голосов
/ 26 сентября 2018

Я сейчас нахожусь в процессе перехода от Atom к VS Code.Пока что большинство вещей прекрасно работают в VS Code.Единственное, что я не могу получить - это Prettier (кодировщик кода).

В Atom и VS Code я установил оба плагина Prettier и сохранил их по умолчанию.

В каждом проекте Prettier включен через менеджер пакетов NPM и настроен через конфигурационный файл '.prettierrc.json' и '.editorconfig'.Помимо Prettier, ESLint настроил использование Prettier через конфигурационный файл '.eslintrc.json'.

.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, prettier: 1.14.3

У кого-нибудь есть идеи, как правильно настроить VS Code или проект?

...