Сохраняйте здравомыслие: предотвращение разрушения автоматического форматирования в коде VS для файлов JavaScript

Если вы когда-либо работали с файлами JavaScript в Visual Studio Code (VS Code), вы, возможно, испытывали разочарование из-за того, что автоматическое форматирование (или «автоматическое закрытие grml», как некоторые это называют) мешает вашему коду. Не бойся! В этой статье мы рассмотрим несколько методов, позволяющих запретить VS Code автоматически закрывать скобки, кавычки и круглые скобки в файлах JavaScript. Итак, хватайте чашечку кофе и начнем!

Метод 1: отключить автоматическое закрытие скобок/кавычек/круглых скобок.
Самый простой способ предотвратить закрытие скобок, кавычек и круглых скобок при автоматическом форматировании — отключить эту функцию в VS Code. Вот как:

  1. Откройте VS Code.
  2. Перейдите в меню «Файл» >«Настройки» >«Настройки» (или используйте сочетание клавиш Ctrl +,).
  3. На вкладке «Настройки пользователя» найдите «автоматическое закрытие» в строке поиска.
  4. Найдите параметр «Редактор: автоматическое закрывание скобок» и установите для него значение «никогда».
  5. Повторите процесс для «Редактор: автоматическое закрывание кавычек» и «Редактор: автоматическое закрывание скобок».
  6. Сохраните изменения.

Метод 2: использование настроек для конкретного языка
Если вы хотите отключить автоматическое закрытие только для файлов JavaScript, оставив его включенным для других языков, вы можете использовать настройки для конкретного языка. Выполните следующие действия:

  1. Откройте файл JavaScript в VS Code.
  2. Нажмите на индикатор языкового режима в правом нижнем углу редактора (например, «JavaScript»).
  3. В раскрывающемся списке выберите «Настроить языковые настройки JavaScript».
  4. Откроется файл JSON специально для настроек JavaScript.
  5. Добавьте следующий код, чтобы отключить автоматическое закрытие:
    "editor.autoClosingBrackets": "never",
    "editor.autoClosingQuotes": "never",
    "editor.autoClosingParentheses": "never"
  6. Сохраните файл.

Метод 3: использование EditorConfig
EditorConfig — это популярный формат файлов, который помогает поддерживать согласованные стили кодирования в разных редакторах. Используя файл EditorConfig, вы можете предотвратить автоматическое закрытие специально для файлов JavaScript. Вот что вам нужно сделать:

  1. Установите расширение EditorConfig в VS Code.
  2. Создайте файл.editorconfig в корневом каталоге вашего проекта (если у вас его еще нет).
  3. Добавьте следующий код в файл.editorconfig:
    [*.js]
    auto_close_brackets = never
    auto_close_quotes = never
    auto_close_parentheses = never
  4. Сохраните файл.

Метод 4. Использование расширения форматирования кода.
Если вы предпочитаете, чтобы автоматическое закрытие было включено, но хотите больше контролировать его поведение, вы можете использовать расширение форматирования кода, такое как Prettier или ESLint. Эти расширения позволяют вам определять определенные правила форматирования, включая поведение автоматического закрытия. Вот пример использования Prettier:

  1. Установите расширение Prettier в VS Code.
  2. Установите Prettier в качестве зависимости разработчика в своем проекте (используя npm или Yarn).
  3. Создайте файл.prettierrc в корневом каталоге вашего проекта (если у вас его еще нет).
  4. Добавьте следующий код в файл.prettierrc, чтобы отключить автоматическое закрытие:
    {
    "arrowParens": "avoid",
    "quoteProps": "as-needed"
    }
  5. Сохраните файл.

В этой статье мы рассмотрели различные методы, позволяющие запретить VS Code автоматически закрывать скобки, кавычки и круглые скобки в файлах JavaScript. Независимо от того, решите ли вы отключить автоматическое закрытие, использовать языковые настройки, использовать EditorConfig или использовать расширение форматирования кода, теперь у вас есть инструменты, позволяющие сохранять здравомыслие во время кодирования. Не забудьте выбрать метод, который лучше всего соответствует вашему рабочему процессу и стилю кодирования. Приятного кодирования!