Frontend разработка в nvim. ESLint, Prettier, Stylelint + TypeScript + @solid_js + Git pre-commit

И снова дичь с nvim на Диджитализируй! На этот раз варим фронтенд. Устанавливаем и настраиваем в nvim работу с ESLint, Prettier, Stylelint, TypeScript проектом для фреймворка Solid JS (для React и Vue почти всё аналогично), а также настраиваем автоматический запуск проверок в процессе Git коммита с помощью pre-commit.

0:00 О чём пойдёт речь
0:30 Установка nvim с нуля
2:24 Установка vim-plug менеджера пакетов vim
8:10 Создаём фронтенд проект
10:30 Установка Prettier
11:13 Отличия Prettier, ESLint, Stylelint
12:17 Настройка Prettier
13:45 ESLint установка и настройка
15:06 Stylelint установка и настройка
17:00 Правим PATH переменную окружения
18:60 Демо в nvim
23:09 Git pre-commit установка и настройка
27:40 Резюме

/****************** about ******************/

Меня зовут Алексей Голобурдин, я программирую с 2004 года и на этом канале делюсь своим опытом. Я основатель и руководитель компаний:

[oleg-medovikov]

автосохранение делается значительно проще:
выходом из инсерт-режима через ii и сохранением изменения

imap ii <esc>:w<enter>

[kirilllpopov]

Качество ваших видео на слишком высоком уровне, вы бы преуспели в ASMR Coding контенте сто процентов. Хочу больше про SolidJS, да в целом про Frontend!

[Lexusalex]

Спасибо! Хочу больше информации про SolidJS.

[TheApgreyd]

Я даже на англоязычном ютубе не видел такого качественного контента. Не зря говорят, что у нас заморачиваются по качеству куда больше

[pafflootiy]

Всё суперкруто! И я не из тех кто докапывается до произношения, и это не претензия. Но на 10 раз услышав прЭтир на минуту хронометража...пошел перекурить (воспринимать как подколку а не критику).

[johnbonham]

Благодарю за видео!
Что касается перехода на lua конфиги, сам долго не решался, но в перерыве между проектами, подумал, а почему бы и нет, потратил на всё про всё недели две, но оно того стоило.
Как надумаешь переходить, могу посоветовать вот этого паренька Takuya Matsuyama и его статью про настройку nvim, там есть что перенять.
How to set up Neovim 0.5 + Modern plugins (LSP, Treesitter, Fuzzy finder, etc)

[fedorivanov]

Vi не соблюдает принцип наименьшего удивления, порой кажется наоборот - пытается удивить как можно больше 😁

[DimaIvanov]

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

[ТамерланСерк]

А можете плжалуйста рассказать про Rust ? Было бы очень интересно узнать о его применение в бэкенде/фронтенде и использование его в паре с Python . С нас Подписка&Лайк)

[harrisonwinston]

Привет, спасибо за видео, интересно было бы видео по полной настройке мак оси под разработку(терминал, пакеты, т.д.), предпочтительно фронтенд на ts, js, node, react.

[linuxxx]

Здравствуйте, я не очень люблю спорить на подобные темы, смотрите лучше всего использовать луа, ибо нвим имеет поддержку конфигов на луа не просто так, в случае того, что вы используете vim-plug лучше использовать обычный вим, а не нвим. Нвим стоит использовать с packer или же с lazy, а в общем вы молодец классный гайд для людей, которые только учаться работать с этим прекрасным видом "редакторов кода".
😎

[andretisch]

Чуть не обосрался, когда пианинко заиграло. Неожиданно и не понять откуда. Сижу в хороших наушниках)

[maksymkyryliuk]

Вообще можно просто чем-то пользоваться и не доказывать всем что его редактор кода лучше. Что нравится тем и пользуйся) Для меня лично это больше вопрос эстетики, а если я получаю удовольствие во время работы это ведь хорошо
Тем более программист большую часть времени думает а не пишет

[СатошиГовнозад]

На 2:43 заметил Obsidian. Как раз недавно начал его осваивать для структурирования своих знаний. Было бы интересно посмотреть видос от Вас про его использование как для программиста. Может быть какие-то техники, приемы или плагины неожиданные

[rinatvaliullov]

Круто. Спасибо.

Даёшь видео про SolidJS!

[ДаниилШило-фт]

Наконец-то что-то интересное) А то на ютубе уже все пресным стало

[snatvb]

привет, SolidJS выглядит супер, я на нем немного работал, и знаешь, он мне зашел) но пока рынок требует реакта, ибо там много готовых решений
vite это сборщик над webpack/rollup/esbuild, он сам не собирает, так как у тебя проект пустой, он быстро запускается, судя по скорости это webpack :)

pre-commit хук лучше настроить через husky, тогда у всех кто использует твой код будет это работать без дополнительных настроек, человек просто не сможет что-то забыть донастроить

[dimusss]

Было бы интересно увидеть материал по SolidJs и почему выбрали его вместо базового React или там Vue или Svelte? Просто на сегодняшний день имхо иметь просто хороший фронтэнд фреймворк недостаточно. Под React есть Nextjs, под Vue - Nuxt, а под Svelte - Svelte Kit. Это некоторое готовое решение для богатого фронтэнда, роутинга, фетчинга, сборки, деплоя и тд. При этом даже для популярных React/Vue/Svelte Next/Nuxt/SvelteKit содержат огромное количество недоработок. Вопрос - не страшно ли брать сильно менее популярный SolidJs? Что еще у него есть кроме скорости?

[ЭминеИслямова-фщ]

Спасибо за крутое видео, планируете снять про SOLID?

[name_ne]

Алексей, спасибо. Видео про fzf не забудьте, это действительно крутая штука