Форматирование кода - это боль, особенно при работе в команде. Современные разработки таковы, что инструменты стали намного лучше, чем раньше. При работе над проектами 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.