Форматирование кода - это боль, особенно при работе в команде. Современные разработки таковы, что инструменты стали намного лучше, чем раньше. При работе над проектами Node.js я хочу, чтобы форматирование кода выполнялось автоматически, как при сохранении. Да, мы можем сделать это, установив и настроив Prettier в коде Visual Studio.

ПРИМЕЧАНИЕ. Вам необходимо изменить настройки автоматического форматирования для каждого создаваемого вами нового проекта.

Пример кода - до форматирования:

Добавление Prettier с помощью расширения:

  • Просто зайдите в Расширения, последнее на панели активности. Если вы не знакомы с макетом Visual Studio, пройдите - Руководство по макету Visual Studio
  • Найдите Prettier, выберите Prettier - Code Formatter и установите его. На изображении ниже показан установленный макет.

Без автоформатирования:

Если вы не являетесь поклонником автоматического форматирования, перейдите к разделу С автоматическим форматированием.

Это действительно удобно с Command Palette. Command + Shift + P, чтобы открыть его. Появится панель поиска со стрелкой вправо ›, просто начните вводить Форматировать документ с помощью, и вы получите результаты, как показано ниже.

  • Выберите Форматировать документ с помощью, и вам снова будет предложено несколько вариантов. Выберите Prettier - Code Formatter, и ваш файл будет отформатирован.

С автоматическим форматированием:

  • Обычно я выбираю переход к настройкам с помощью палитры команд, Command + Shift + P, чтобы открыть ее. Появится панель поиска со стрелкой вправо ›, просто начните вводить Настройки, и появится несколько вариантов.

  • Выберите - Настройки: открыть настройки рабочего пространства, откроется новая вкладка под названием Настройки.
  • В разделе Рабочая область выберите Текстовый редактор и выберите Форматирование. Отметьте Форматировать при сохранении, второй вариант в Форматировании, и на этом все готово.

  • Закройте вкладку «Настройки» и вернитесь к файлу. Просто сохраните сейчас Command + S, и файл будет сохранен, а также отформатирован.

Надеюсь, вам помогли предоставленные сведения. Удачного кодирования…

Мысли? Обратная связь? Разногласия? Твиттер меня: @ kiranjasvanee, Skype меня: kiranjasvanee

Если вам понравилось читать этот пост, поделитесь и аплодируйте, чтобы другие могли его найти 👏👏👏 !!!!

Следите за моими свежими статьями на Medium.