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

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

Я знаю о настройке "красивее.singleQuote": правда, но это изменит двойные кавычки на одинарные во всех типах файлов.

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

prettier

30.03.2019 12:18

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

5 953

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

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

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

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

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

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

— 08.06.2021 16:24

17.01.2020 10:06