Основы Prettier

Подписаться 868

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

50% 1

В этом видео мы коротко ознакомимся с популярным инструментом для форматирования нашего JavaScript кода под названием Prettier, расширением для Visual Studio Code с одноименным названием и интересной особенностью его использования.
#скринкаст #инструментыразработчика #prettier

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

16 июн 2020

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@racman9964 2 года назад

Спасибо! Оказалось, всё гораздо проще, чем думал)

@nelson6783 2 года назад

долго искал видос, как вообще бл%ть включить этот инструмент, то индусы то паки всякие объясняют тебе на ломанном английсокм, и ничего не понятно, СПАСИБО ТЕБЕ БОЛЬШОЕ !!!

@sleepy_sunset Год назад

Бывает такое, что при форматировании, переносятся символы допустим и символ > переносится на следующую строку, а

@AntonioBenderas Год назад

Хорошо бы ещё видик про editorconfig, чем он отличается

@vitalityUA 2 года назад

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

@igorkulibaba7287 3 года назад

Спасибо

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

Спасибо)

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

Проверяйте, prettierrc может сам создаться при внесении изменений через settings и быть не полностью прописанным и т.д., проверьте соседние папки, но он создается обычно поверх их. Удачи!

@barsa581 Год назад

Что прописать прописать в json чтобы хорошо было?)

@user-jd5te8hw7v 2 года назад

Подскажите что за команду вы использовали когда напечатанный текст с русского на английский поменяли?

@bekat2265 Год назад

PuntoSwitcher

@lvivduncan 2 года назад

спасибо! а как сделать, чтоб был перенос на новую строку перед открывающей фигурной скобкой? definition () { }

@kirill-petrov 3 года назад

Не поставить галочку Forman On Save Unable to write into user settings. Please open the user settings to correct errors/warnings in it and try again.

@zakiro4277 2 года назад

только .js файлы форматирует а остальные нет. подскажите как исправить

@minibin5663 Год назад

решил?

@zakiro4277 Год назад

Блин я столько все с тех пор выучил и уже не помню насчёт преттиера🤦

@Radiolubitel-Petrovich 4 года назад

Я вообще любитель код писать в строчку и без пробелов.

@oOIMAXIOo 3 года назад

значит ты пишешь очень мало кода

@user-ce9xz7xp1g 3 года назад

у меня не работает пишет Failed to load module. If you have prettier or plugins referenced in package.json, ensure you have run `npm install` Attempted to load prettier from d:\Githab-reposiory\javascript при этом в в файле установлен "prettier": "2.1.2", плагин установил eslint работает но данный модуль не загружает!? что делать, ума не приложу? Осталось установить этот компонент и в бой

@user-ms6dy8nh3i 3 года назад

Здравствуйте. Насколько я понял, у этой проблемы есть отдельный тред на гитхабе - github.com/prettier/prettier-vscode/issues/1066. А на Stack Overflow есть решение этой проблемы в виде установки prettier глобально - stackoverflow.com/questions/58866847/in-vs-code-im-getting-this-error-failed-to-load-module-attempted-to-load-pr. Попробуйте это в своем проекте и сообщите, пожалуйста, получится или нет, потому что у себя я не могу воспроизвести эту ошибку

@user-ce9xz7xp1g 3 года назад

@@user-ms6dy8nh3i после того как ошибка появилась откатился к предыдущей версии с github. Переделал настройку eslint и prettier styllelint переустановил все нужные плагины vscode перегрузил комп . типа если ничего не помогает, помогает молоток. на удивление все на сегодняшнюю минуту работает, как задумано, и все сделано методом тыка, руководствовался рекомендациями англоязычных роликов Глобально его не устанавливал для себя инструкцию написал сюда как и репу залил github.com/frontend-coder/startgulptemplate Но появилась следующая проблема Browserslist: caniuse-lite is outdated. Please run the following command: `npm update` при всем том ось и все окружение установлено с нуля 3 дня назад запуск апдейта ничего не дала и вопрос какой пакет привет к появлению это сообщения - непонятно!

@user-ms6dy8nh3i 3 года назад

@@user-ce9xz7xp1g какие-то странные танцы с бубном, по идее настройка окружения фронтенда всегда была без проблем, я потому и не могу прокомментировать подобное, что не сталкивался с этим. Насчет ошибки Browserslist - github.com/postcss/autoprefixer/issues/1184 - это решение пробовали?

@user-ce9xz7xp1g 3 года назад

@@user-ms6dy8nh3i на удивление мне помогла команда npm update caniuse-lite browserslist я наверное тот счастливчик, которому помогло. наверное потому что установка не успела засорится вообще исправление ошибок является индивидуальным делом и да нужно научится читать консоль мне она подсказала что делать Спасибо за реакцию на вопрос

@wickedtorpedo75 Год назад

сейчас уже смысл использовать prettier отпало, VS Code с коробки умеют форматировать HTML, CSS, LESS, SASS, JS, TS, JSON. А для других форматов и не нужный так как обычно форматировщик входит в базовое возможности пакета, например при работе с PHP вы сто пудово установите PHP Intellisense где уже есть форматирование и так с остальными. Форматировщик с коробки значит авторы дяди из МикроМягкие, взросыле бородатые дядушки которые пишут самый производительный код которое только можно представить