Более привлекательные одинарные кавычки для JavaScript и JSON, двойные кавычки для HTML, Sass и CSS

#prettier

#более привлекательные

Вопрос:

В VSCode, всякий раз, когда я сохраняю файл, более привлекательные изменяют все одинарные кавычки на двойные кавычки. Я хочу сохранить это поведение для файлов SCSS и CSS, но хочу изменить его для файлов JavaScript и JSON.

Мне известно о настройке «более привлекательная.одиночная кавычка»: true, но это заменит двойные кавычки на одинарные кавычки во всех типах файлов.

Как я могу активировать одинарные кавычки только для файлов JavaScript и JSON и сохранить двойные кавычки для файлов SCSS и CSS?

Ответ №1:

Используйте более привлекательный конфигурационный файл в папке вашего проекта: .prettierrc

Внутри вашего конфигурационного файла используйте более привлекательные переопределения: https://prettier.io/docs/en/configuration.html#configuration-overrides

Итак, в вашем случае этот пример конфигурации должен работать (.prettierrc):

 {
    "singleQuote": true,
    "overrides": [
        {
            "files": ["**/*.css", "**/*.scss", "**/*.html"],
            "options": {
                "singleQuote": false
            }
        }
    ]
}
  

Комментарии:

1. Я вижу, что здесь вы игнорируете ВСЕ html-файлы, как насчет ситуации, когда я хочу, чтобы теги <script> в HTML-файле были отформатированы в одинарных кавычках, но я хочу, чтобы теги <style> в том же файле были отформатированы в двойных? Есть ли какой-нибудь способ настроить это таким образом?