Автоматична заміна VSCode від однієї до подвійних лапок

Коли я виконую Format Documentкоманду у файлі Vue Component.vue VSCode, замінюю всі рядки з одинарними цитатами на рядки з подвійними лапками.

У моєму конкретному випадку це правило вступає в конфлікт із конфігурацією ворсу електрон-vue, яка вимагає одинарного цитування.

У мене не встановлені красивіші розширення (ні prettier.singleQuoteв моєму налаштуванні)

Як налаштувати VSCode, щоб уникнути цього?

У мене не встановлено prettierрозширення, але після прочитання можливої ​​повторюваної відповіді я додав з нуля в моєму налаштуванні користувача ( UserSetting.json, Ctrl +, ярлик):

"prettier.singleQuote": true

Частина зеленого попередження ( Unknown configuration setting) одинарні лапки більше не замінюються.

Я підозрюю, що красивішого розширення не видно, але воно вбудоване всередину розширення Vetur .

Ну, як і згаданий хлопець (@ user2982122), але замість Файл перейдіть до Коду -> Налаштування -> Налаштування, потім знайдіть Quote , виберіть Prettier та встановіть обидва прапорці

Для проектів, які використовують .editorconfigфайл за замовчуванням. Форматер буде ігнорувати правила в налаштуваннях і використовувати правила в .editorconfig, тоді ви можете:

• Видаліть .editorconfigфайл і скористайтеся налаштуваннями VSCode.
• Додайте quote_type = singleдо .editorconfigфайлу, що стосується вашого типу файлу. Ви також можете встановити quote_typeзначення doubleабо auto.

Схоже, це помилка, відкрита для цього випуску: Prettier Bug

Жодне з вищезазначених рішень не працювало для мене. Єдине, що спрацювало, це додавши цей рядок коду в package.json:

"prettier": {
    "singleQuote": true
  },

На сторінці випуску vuejs / vetur https://github.com/vuejs/vetur/issues/986# Це рішення спрацювало для мене.

settings.jsonДодайте цей запис у файл VSCodes

"vetur.format.defaultFormatterOptions": {
    "prettier": {
        "singleQuote": true
    }
},

будь ласка, розгляньте .editorconfigперезапис усіх, використовуйте:

[*]
quote_type = single

Правильне рішення:

Я додаю файл .prettierrc.js у свій основний кореневий проект і пишу

module.exports = {
    singleQuote: true
  };

Для таких початківців, як я:

У меню панелі навігації вгорі: виберіть Файл -> Налаштування -> Налаштування. У текстовому полі пошуку введіть Quote. У відфільтрованому списку, що з’явиться нижче, знайдіть значок шестірні та поруч із ним - „Prettier”. Клацніть на прапорець, щоб увімкнути "Привабливіше: одинарна пропозиція"

Встановіть красивіше розширення та вставте нижче код у свій settings.jsonфайл VSCode

 "prettier.useEditorConfig": false,
 "prettier.singleQuote": true

це ігноруватиме налаштування вашого .editorconfigфайлу.

Як зазначає @attdona, розширення Vetur включає красивіші.

Хоча ви можете змінити гарніші налаштування, відповідно до прийнятої відповіді, ви також можете змінити форматор для певних регіонів компонента vue.

Ось, наприклад, я встановив Vetur використовувати форматтер vscode-typecript, оскільки він використовує одинарні лапки за замовчуванням:

Я використовую машинопис, для мене це вирішено, перевіривши прапорець "Інтеграція Tslint" у гарніших налаштуваннях (у налаштуваннях vscode):

У мене була та сама проблема в vscode. Просто створіть файл .prettierrc у своєму кореневому каталозі та додайте наступний json. Для одинарних лапок додайте:

{
  "singleQuote": true
}

Для подвійних лапок додайте:

  {
      "singleQuote": false
  }

Спробуйте одне з цих рішень

1. Додайте цей запис у файл vscode settings.json "prettier.singleQuote": true
2. У файлі vscode, якщо у вас є .editorconfigфайл, додайте цей рядок під кореневим символом [*]quote_type = single
3. У файлі vscode, якщо у вас є .prettierrcфайл, додайте цей рядок

{
    "singleQuote": true,
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true
        }
    }
}

Єдине рішення, яке працювало для мене: і лише для Angular Projects:

Просто зайдіть у файл ".editorconfig" проекту та вставте 'quote_type = single'. Сподіваюся, це також може спрацювати і на вас.

Я додав файл, який називається .prettierrcу моїй папці проекту. Вміст файлу:

{
    "singleQuote": true,
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true
        }
    }
}

Ви можете використовувати це в settings.json

"javascript.preferences.quoteStyle": "single"

Використовуйте це розширення.

https://marketplace.visualstudio.com/items?itemName=BriteSnow.vscode-toggle-quotes

cmd '(ctrl' на win / Linux) буде циклічно відображатись серед "" `

У мене працює перевірка одинарної лапки в Prettier, а також tslint.autoFixOnSave as true

Для використання JSX:

{"jsxSingleQuote": false}