VSCode, Prettier и TSLint: formatOnSafe портит автосортировку импорта

Question

Я создаю приложения React с помощью TypeScript.Мой редактор VSCode.Я использую prettier и TSLint, чтобы сохранить мой код в чистоте.

Так как несколько проектов, когда я нажимаю на safe prettier, портят автосортировку импорта:

Перед сохранением:

После сохранения:

Я не знаю, почему это происходит в настоящее время, но оно определенно вызвано более красивым (проверено, но не красивее)не происходит).

Мои настройки VSCode:

"editor.formatOnSave": true,
"editor.formatOnType": false,
"prettier.tslintIntegration": true,
"tslint.autoFixOnSave": false,

А вот мои настройки TSLint (tslint.json):

{
  "extends": [
    "tslint:recommended",
    "tslint-eslint-rules",
    "tslint-react",
    "tslint-config-prettier"
  ],
  "jsRules": {},
  "rules": {
    "interface-name": false,
    "jsx-no-lambda": false,
    "quotemark": [true, "single", "jsx-double"]
  }
}

Что может бытьпричина этому?Я использовал эти настройки с другими проектами раньше, и они не перепутались (даже если я вернусь к ним и буду в безопасности).Кроме того, это только импорт, который испорчен, кроме того, более красивый работает хорошо.

Answer 1

Попробуйте добавить файл .prettierrc в корневой каталог вашего проекта и добавьте в него следующее:

{
  "singleQuote": true
}

У меня была похожая проблема с Angular + Typescript, и она, кажется, вызванаsingleQuote вариант в Преттиер.Расширение VS Code Prettier имеет опцию для установки предпочтительного стиля кавычек, но, похоже, в данном случае это не учитывается.

Answer 2

Почему бы не сказать Prettier игнорировать эту часть кода.как это:

// prettier-ignore
import { Styleheets } from 'react-native';
import fonts from '../../config/constants/fonts/';
import { companyBlack, companyGray } from '../../config/constants/colors';

Прочитайте по этому адресу: https://prettier.io/docs/en/ignore.html