Я сейчас нахожусь в процессе перехода от 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 или проект?