Форматирование кода в Visual Studio Code с помощью Prettier

Подписаться 1,3 тыс.

Просмотров 29 тыс.

50% 1

Чтобы автоматически форматировать код в Visual Studio Code одним нажатием клавиши, нужно установить наиболее распространенное расширение для этих целей - Prettier.
В Prettier можно выбрать определенные языки, в которых будет осуществляться форматирование и можно задать определенные параметры автоматического форматирования кода.

Опубликовано:

13 ноя 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 59

@aeron_rus Год назад

Столько видео смотрел, все просто показывают как устанавливают его из расширений и он сразу работает, а про настройки ничего не говорят, сидишь мучаешься и думаешь в чем проблема. Тут же за 3 мин все очень быстро и понятно. Автор, огромное спасибо за труд

@itmaker Год назад

Спасибо! Рад слышать! Хорошего кодинга! 🤝

@rickbacker1 Год назад

Побольше бы таких видео! Все по делу!

@user-sv2km1fp3q Месяц назад

Вот такие видео я люблю. Все четко и по делу, и главное есть результат 👍

@user-bx7rm2rp9g 6 месяцев назад

Большое спасибо! Очень информативное и полезное видео, сэкономило много времени.

@pavelzaytsev_moscow Год назад

Спасибо! Всё получилось настроить! Удачи в продвижении контента и канала))

@BOIH_CBETA Год назад

Спасибо большое !!!!Даёшь больше видео по vs code!!!!!

@yk415 Год назад

Чувак за 3 мин просто объяснил. Респект . Другие такую зерню несут что то прописывают ппц.

@user-qg1jj1ih9c Год назад

Спасибо! Было полезно!

@chilibean6152 9 месяцев назад

Спасибо за видео

@user-wq3dv1sc9j Год назад

Спасибо! Хороший контент

@itmaker Год назад

Спасибо! Рад слышать! Хорошего кодинга! 🤝

@SuperPorkyman Год назад

Спасибо, очень помогло, сходу не заработало, а ваш ролик помог понять причину

@itmaker Год назад

Рад слышать! Хорошего кодинга! 🤝

@cldznmhdcldznmhd3431 Год назад

Спасибо, чувак!

@syberianbeast7796 Год назад

Пасибо старичок 🙂

@user-rf4iq6wd8x 11 месяцев назад

ооо спасибо!! ты крут мужик

@enotsuperstar 3 месяца назад

спасибо за обзор

@user-lh6ms9ep3n 9 месяцев назад

спасибо и лайк!

@user-vi7qi9ly9r Год назад

спасибо за инфу

@alkha7144 Год назад

В поддержку.

@_nobody_exe 9 месяцев назад

спасибо большое

@Katya-jj6nh Год назад

спасибо!)

@user-wb3ov2cv8q 4 месяца назад

Спасибо!

@dropedeat3215 2 месяца назад

спасибо помог

@user-th4qi8iv3q Год назад

спс большое

@user-yp2tk4yn1b 2 месяца назад

Спасибо за виде. Был бы рад видео на тему: Как настроить форматирование уже конкретно какого то файла. То есть именно то, как Претиер будет форматировать определенный код.И еще, как сделать так, чтобы применялось то форматирование, то есть те настройки, которые есть в самом проекте

@user-xn1il5ok4i Месяц назад

спасибо

@R9R656 10 месяцев назад

спасибі)

@user-sg7kc9xy1j Год назад

cпс помог

@fo_ortuna1213 5 месяцев назад

Если кто вдрг наткнулся на это видео в поисках ответа, "Как сделать так, чтобы он не удалял " ; " после форматирования. В настройках есть строка "Prettier : Semi" - Просто поставьте галочку.

@cldznmhdcldznmhd3431 Год назад

Подскажите, а можно настроить prettier так, чтоб он не удалял пустые строки в коде?

@uglyl0wta6 10 месяцев назад

Это авто корректировка, авто корректировка показывает код без пробелов и.т.д.

@user-bj6tg4vh3d Год назад

Как исключить элемент Style из форматирования ?

@ReanimationProject 7 месяцев назад

Доброго времени суток. Установил сделал всё по видео, для CSS всё работает исправно HTML не хочет форматировать, в настройках всё перепроверил. Что может быть не так?

@tatyanabulgakova 3 месяца назад

Как сделать чтобы при форматировании кода строка была длиннее, разрывает img и srs ( переносит на другую строчку)?

@andreyl1967 Год назад

Добрый вечер.Как в javascript при сохранении запретить приттеру изменять одинарные кавычки на двойные?

@roxyglitter2133 Год назад

в файле .prettierrc поставить настройку "singleQuote": true

@r4mble_ Год назад

А в чём отличие от встроенного IntelliCode?

@artorias_5309 7 месяцев назад

Сделал всё как в видео, пишет вот такое: ["WARN" - 9:46:43 PM] Parser not inferred, trying VS Code language. ["ERROR" - 9:46:43 PM] Failed to resolve a parser, skipping file. If you registered a custom file extension, be sure to configure the parser.

@Vasilii_Shtyrov 4 месяца назад

прИтиер 😉

@user-ke4cy3cl2s 9 месяцев назад

как убрать точку с запятой?

@M1rxcle00 4 месяца назад

Может тут мне кто-нибудь объяснит😅, как в js сделать чтобы форматировались значки (по типу >= в такой ⩾)

@olegkozlov302 Год назад

Добрый день! У меня все получилось настроить, но при сохранении файла index. html ничего не происходит. Код не форматируется.

@yammarket6336 Год назад

тоже самое, нашли решение?

@olegkozlov302 Год назад

@@yammarket6336 у меня эта проблема не решалась при вставке готового кода. Когда начал создавать код с нуля, все заработало.

@user-pp6hi4ff9x Год назад

это только для js?

@user-vf6gy9il9s Год назад

0:08 Не благодари.

@plinto8948 11 месяцев назад

уже несколько часов вожусь с проблемой, что форматировщик тупо не работает, пробовал различные настройки, пробовал ставить Black, пробовал даже полностью всё удалять, но форматировщик будто просто перестал работать даже с дефолтными настройками. Может кто-то подсказать как это решить? В гугле нигде не могу найти инфу об этом

@JeroenMarsh 11 месяцев назад

File -> Preferences -> Settings потом введи formatter - выбери prettier из списка Или у тебя просто ошибка поставлена где-то в коде, лишний знак поэтому он сломался

@_ubrem_ 8 месяцев назад

@@JeroenMarshтоже самое

@_ubrem_ 8 месяцев назад

У меня нету таких настроек внищу как у тебя после Editor там 2 строчка Eslint а потом ничего

@kandzi4005 5 месяцев назад

Почему-то в настройках не отображается.

@tara_povska 4 месяца назад

Если включен avtosave, то Prettier не работает!

@maks-kander6665 Год назад

Почему я отключаю пробелы в скобках, добавляю настройки для двойных ковычек и точки с запятой, а этот тупой prettier только двигает код и добавляет эти отступы внутри скобок.

@JeroenMarsh 11 месяцев назад

Попробуй создать файл в папке с твоим index с разрешением .prettierrc (типо просто без названия и сразу так с точкой ) и в него уже пиши свои настройки типо - { "singleQuote": true, "arrowParens": "avoid" } Это у меня, должно работать