Настройка AstroNvim | Nvim для разработчика 2023 | Vim для [Javascript / React / Typescript]

[@REDGroup]

🔥 Оформить премиум подписку - htmllessons.ru/premium 💎 RED Project - t.me/red_support_bot Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 500 лайков и я снимаю настройку VS Code 2023. Если есть какие то фишки по этой теме - дай знать в 💬 комментариях! Скачать 🖥 исходник в нашем хранилище (бесплатно) - htmllessons.ru/storage#storage_file_70 00:00:00 - Начало 00:00:50 - Vim 00:02:00 - Где использовать vim 00:02:48 - Neovim 00:04:29 - Почему не использовал vim и neovim 00:05:37 - Почему используют astrovim 00:07:03 - Что нужно для установки astrovim 00:08:14 - Установка astrovim 00:08:38 - Iterm2 00:08:57 - Настройка терминала 00:14:30 - Главный экран astrovim 00:15:46 - Установка сервера lsp 00:18:09 - Установка ts 00:18:56 - Конфигурация 00:21:25 - Горячие клавиши 00:21:49 - Файл конфига 00:23:36 - Плагины 00:26:10 - Сниппеты 00:27:13 - PackerSync 00:27:43 - Код сниппетов 00:28:30 - Темы в редакторе 00:29:32 - Где обучался vim 00:30:37 - Минусы astrovim 00:33:10 - Месяц на изучение 00:34:22 - Это того не стоит 00:35:25 - До скорой встречи!

[@jools333]

Как уже написали в комментах, все эти проблемы легко решаются в nvim. Сначала открыл для себя vim-режим. Не помню точно в каком редакторе его начал использовать. Но сначала, да взрыв мозга и постепенно переходил на него. Т.е. включаешь vim-режим, поработаешь, потом выключаешь. (этот же режим есть в vscode и на как раз на нем сидел послденее время) Потом заставил себя цылый день не выключать режим и дело пошло. Сейчая я не пытаюсь в любом приложении найти режим vim. Именно поэтому перешел на nvim (около месяца назад) Настройка заняла пару вечеров. Но зато сейчас, чувствую что силньно удобнее работать стало и видно что можно много дальше совершенствоваться. В отличии от VSCode где я уже достиг предела производительности в плане написания кода. Сейчас и любые файловые операции делаешь в nvim и вся работа с git (lazygit), про код вообще молчу. Тут все очень быстро и удобно. Система Ubuntu с рабочим столом Gnome. Мышку уже не использую физическую. Есть режим эмуляции мыши на клавиатуре (клавиатура раздельная Corne). Его юзаю, когда без нее никак. И каждый раз что-то новое открываю в nvim. Чего стоят только плагины для навигации (так называемые motion plugins). В пару нажатий клавиш можно перейти к любому месту на экране. Теперь точно можно дальше расти в плане призводительности. Получается однажды войдя в этот мир, пытаешься его найти везде.

[@REDGroup]

Интересно на маке можно ли полностью пересесть на клаву

[@jools333]

​@@REDGroup Полностью вряд ли. Т.к. на Linux все равно приходится мышку использовать (хоть и через кнопки клавиатуры). Но если оставить только режим эмуляции мыши на клавиатуре, то использовать её не особо хочется (хотя я уже сильно привык и в blender так же работаю через управление курсором с помощью hjkl). На моей клавиатуре, режим эмуляции работает на уровне самой клавиатуры. Т.е. даже в UEFI BIOS ей работаю. Клавиатура это вообще отдельная тема. К ней тоже довольно долго шел (именно к раздельной клавиатуре Corne), но сейчас без неё очень не удобно.

[@user-ju6fu7ic5r]

Про "минусы" (tsserver): Автоимпорты работают: 1) выбор из меню автокомплита; 2) код экшены. Вызов подсказки по нажатию клавиш также работает (просмотр полей объекта). Вообще разницы между VSCode и работой tsserver не заметил. По поводу астровим и других готовых сборок. С нуля, действительно, получается быстрее. Но когда нужно что-то специфическое под себя сделать/настроить, легче с нуля собрать nvim😀

[@REDGroup]

Ну вот как вызвать подсказки ? Какая горячая клавиша?

[@Никита-о3ш3я]

@@REDGroup в дефолтном конфиге Астровима Ctrl + Space. С того акка все ответы удалялись.

[@REDGroup]

У меня это не работало

[@alex_w0lf]

@@REDGroup CTRL + i в режиме редактирования

[@youtubeuser4062]

shift k в визуальном режиме отображает тайпхинты

[@damidee7818]

- lsp сервер делает автоимпорт (tsserver топчик) - тему переключать командой :colortheme "themeName" (если нажать Tab тебе подскажет какие есть темы) - основные команды можно освоить за день, главное не учить сразу все, взять лишь базу и добирать по надобности (горизонтальное/вертикальное движение, удалить, скопировать, вставить)

[@zluka7951]

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

[@damidee7818]

@@zluka7951 У Primeagen есть несколько видосиков хорошо рассказывающих о движении и работе с вимом. Этого с головой хватит на первых порах, а дальше чисто по надобности гугли. Основной принцип: если тебе что-то неудобно делать в виме, скорее всего ты либо не знаешь необходимых комбинаций клавишь, либо не ставил соответствующий плагин)

[@damidee7818]

@@zluka7951 Primegen еще сделал какую-то игру в терминале, для изучения вима, но я не играл, если честно. + если у тебя мак - скачай raycast (в принципе оч полезный тул) и туда докинь расширения на vim (есть с описанием клавишь и тд)

[@Morecinio]

@@zluka7951 про встроенную справку знаете? Вызывается командой "vimtutor ru". Это самая база. Также есть книга Нейл "Практическое использование vim". Сам не прочитал пока, видел рекомендации

[@abbze8272]

​@@zluka7951настрой нвим по видосу devaslife, научишься базе, от этого уже легче будет отталкиваться. Я так начинал. 8 мес уже в нвим работаю, полет отличный

[@lortta]

Ответ почему навигация расположено на этих кнопках. Потому,что вим проектировался для десятипальцевой слепой печати. Без слепой печати нет смысла в виме. По умолчанию правая рука, 4 пальца лежат на jkl'

[@paulbond8244]

Хорош! То что надо. Спасибо друг.

[@al77ex1]

Спасибо за видео! Использую не так популярную сборку Ecovim в которой ничего не нужно доделывать. С коробки встроен Tabnine Copilot и Gptchat. Из перечисденных минусов не все действительно есть. Еще про слепую печать хотел добавить отличный тренажер stamina-online В целом про вывод с замедлением да, так и есть по началу. В моем случае при очень интенсивной нагрузке замедление было в 1 неделю. Чем жестче нагрузка тем меньше замедление )

[@sas6164]

HJKL - на этих клавишах у разраба vim были left, up, down, right(на самой клавиатуре)

[@vladislavmoryakov7351]

Хочу сказать что потенциал у вима большой, его учить можно вечно, у него полно киллер фич которые идут нативно ещё больше не нативно, можно творить такую дичь с кодом. Искать и заменять текст по регулярным выражениям, автокомплит целыми предложениями, переход по путям и лексемам двумя нажатиями клавиш, можно даже автокомплитить из другого файла, поддержка макросов тоже крышесносна, и да ripgrep это вам не письки на заборах рисовать))). Вообщем просто нужно принять философию того что кодить придётся самому не в убыток скорости если знать как пользоваться, а вимчик будет тебе помогать в этом. Но самая важная мысль nvim это то что если чего то нет в нём, то это либо реализовано либо можно реализовать самому. А в ide если чего то нет ни в каком виде то это не предполагает сделай сам.

[@maksonic_official]

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

[@AMTVE]

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

[@enslit]

Поставил astronvim v3.16.2. Свойства объектов в ts подсказывает и ничуть не хуже WebStorm

[@alcor9921]

На счет автоимпорта не согласен. Он у меня работал

[@abbze8272]

Я уже год на нвиме, мне нравится. Автоимпорты есть, просто разобраться надо как настроить. Учился нвиму в свободное время от работы, точнее, у меня не было работы вообще на тот момент. Переходить на что-то другое точно уде не буду.

[@dmitry-lz1ny]

А как автоимпорты сделать?

[@technic_and_programming]

Крут!

[@chudickgumanoid]

hjkl используются потому что руки сразу на буквах находятся, и по сути не надо отрываться от процесса печати и почти моментально переходить к нужной строке, а не тянуться одной рукой к стрелочкам или мыши. навигация начинающаяся с H не удобно, но опять же дело привычки

[@REDGroup]

Интересно

[@mikamuldoon8740]

Вы где-то на стриме говорили, что другие разрабы-оппоненты не пишут тип ":FC" для компонент.А на счет кастомных хуков, это уже не компонента, jsx не возвращает, а аргументы (аналогично пропсам) красиво передать хочется, то тут только через { arg1, arg2 }: { arg1: string, arg2: number } можно. Для кастомного хука в целом тип же еще ведь не придумали, как :FC для компоненты? Дженериком как-то обыграть может удобнее? Тем более есть возвращаемое значение, которое иногда может по типу соответствовать аргументу или быть кортежем, тип ему тоже создать желательно. ":FC" тем и удобно что сразу пропсы разрешает типизировать с помощью интерфейса, и возвращается всегда jsx или null. Можно ли сделать что-то на подобии ":FC" для кастомного хука?

[@REDGroup]

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

[@tezis.digital]

Вообще не могу понять, как ты делаешь поиск по файлам space f f. У меня выдаёт всё, что угодно, какие-то системные - только не то, что нужно

[@MrEmil-cf8wo]

Привет ! крутой ролик, сейчас переношу spa на next, как идея насчет снять next + redux toolkit? я много кого спрашивал некоторые говорят вообще удалить redux из проекта, читаю статьи или пытаюсь найти видосы толком ничего не сказано или показано. Что вообще думаешь насчет этого?

[@REDGroup]

Уже есть rutube и точка проект. Плюс интенсивы на сайте.

[@topol_]

А почему так подоражала подписка на htmllessons? Раньше была 17к, а теперь 25к на всегда. Просто хотел купить и не очень понимаю, как на столько могло подорожать)

[@REDGroup]

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

[@АлексейМихайлов-з3ж]

Это нормально, в целом всё дорожает, да и по сравнению с известными школами тут дешево, а информация в 100500 раз лучше и полезней

[@REDGroup]

Спасибо 🙏

[@ananasios]

Владелец в каждом видео говорит что хватит спать берите мой годный контент, завтра будет дороже 😉

[@topol_]

@@АлексейМихайлов-з3ж согласен, тут и так выходит очень хорошо по цене)

[@glasderes]

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

[@glasderes]

Все я решил проблему, если она у вас возникнут установите unzip

[@StanislavGlubyshev]

Рекомендую emacs doom или emacs spacemax(это как jetbrain idea) у все из коробки + клавиши как в vim(evil mode). Импорты работают, подсказка сигнатуры shift+k, control+backspace открывает автокомплит без ввода как либо символов. Думаю попробовать nvim, но astro такой себе - быстрый но мало преднастроенных плагинов. Я люблю что бы все было из коробки поэтому думаю насчёт NVChad или Lunar. Emacs немного смущает функциональным языком lisp

[@maksonic_official]

это совершенно разные штуки. vim консольная история, запускается на любом калькуляторе, а Emacs это GUI софт

[@KemeronEarth]

Привет! Откуда ты скачал темы для iTerm? В офф.документации таких нет

[@REDGroup]

Привет, Гугл

[@dmytrokosenko6517]

А какой конфиг Vim лучше подходит для фул-стак разработки? NVchad, AstroNvim, LazyVim, LunarVim?

[@ВладимирСоболев-з9с]

любой.

[@ubranch]

с каждым видео качественнее и качественнее 🔥❤

[@REDGroup]

Спасибо, рад что замечаете.

[@АлексейМихайлов-з3ж]

Привет. Спасибо за видео. До этого имел дело только с Vue 2. Но хочу перейти на React. Какое видео у себя на канале посоветуешь, кроме " Полный курс JavaScript 2022 за 5 часов ". Его смотрел. С JS проблем во Vue не имел

[@АлексейМихайлов-з3ж]

Или даже последовательность видео, как их лучше смотреть. Спасибо

[@REDGroup]

У меня на канале нет такого, что ты можешь посмотреть курсы. Рекомендую интенсивы на сайте, по общей подписки. А так на ютубе есть проект rutube и точка, но он уровнем выше, также любой плейлист с неделей стримов

[@ananasios]

В целом видео 🔥 для новеньких самое оно, но разобрался конечно ты в нем не достаточно. Все автоимпорты в астро спокойно работают. Профит от клавиатуры без мыши за месяц скорее всего ты не получишь, так как нужно время чтобы мышечная память развилась. На сколько мне помниться ты на Webstorm сидел плотно крайнее время, но в видео почему то ты говоришь что перешел назад на вскод, так почему все таки вскод а не полноценная ide Webstorm ?))) холивар что ли ?)

[@REDGroup]

Потому что устал от медлительности шторма. Меня бесит, что у меня на почти максимальном маке на м1, он все равно работает медленнее чем vs code. С этим можно жить, так все и делают. Но мне захотелось вернуться к быстрому редактору. Сколько должно уйти времени на получение профита от клавиатуры?

[@ananasios]

@@REDGroup Рост профита от клавиатуры линейный, чем дальше тем больше. У меня в свое время после знакомства с вим а далее neovim а далее astrovim ушло что то около двух месяцев после чего я стал себя чувствовать прям вот комфортно. Так же вставали колом проекты в момент перехода, прям чувствовался сильный провал в кпд, так как иной раз сидишь тупишь как же блин тут надо нажать чтобы произошло чудо, но сейчас с этим вообще никаких вопросов нет. По своей теории -> действие совершенное движением мыши(удобно потому что наглядно) будет 101% медленнее, нежели это же действие совершенное машинально по горячим клавишам на клавиатуре(не удобно т.к. чтобы было удобно нужна привычка).

[@surensamarchyan7230]

@@REDGroup А ты пробовал увеличить объем выделенной оперативной памяти для Webstorm ? Если увеличивал тогда скажи сколько ставил.

[@REDGroup]

Ставил 6гб, больше считаю перебор для ide

[@surensamarchyan7230]

@@REDGroup а vscode может как webstorm хорошо анализировать код ? Подскажешь плагины.

[@islomnasrullayev-rs4bs]

ждем ролик про настройку терминала

[@ЕгорЛетов-т8м]

Ждём ролик про настройку emacs

[@hiyoutube6769]

зашел в сайт html lessons кайфанул от вижуала

[@ld5862]

Terminal Wrap

[@nihi1ist690]

Было бы замечально , если бы сделали видео о nvChad.

[@admenmod]

мне кажется я туплю, но 31:20 я правильно понимаю, вы про то что автокомплит подсказывает только при вводе?

[@admenmod]

я наверно ошибаюсь, потому что это все можно сделать у меня это показывает описание интерфейса, а в инсерт моде, запускает авто подсказку аргументов функции

[@REDGroup]

Да, я про это

[@admenmod]

@@REDGroup мне не очень зашол астро вим я сам собирал конфиг и для автокомплита использую coc.nvim с ним все это работает

[@admenmod]

еще до кучи напишу что) меню фикслв вызывается через ac меню ошибок и варнингов space-a но это настроено в конфиге, не уверен что все так по умолчанию

[@wintersakuraa]

почему авто импорт функции работает только когда у меня модуль с самой функцией открыт. если не открыть файл с нужной функцией, то cmp не видит вообще, что такая функция существует

[@yaroslav9465]

Канал заслуживает большего 💥

[@REDGroup]

Спасибо, все будет! 🚀

[@happy_cutman]

Что за шрифт в vscode?

[@AndriyMarushko]

Все минусы о которых ты сказал, решает lspsaga ;) и автоимпорты и подсказки и что хочешь там есть, я вимом уже пользуюсь 5 лет и никогда не было проблем которые ты описал как минусы :)

[@REDGroup]

Вопрос в том, сколько ты времени потратил в начале на всю настройку среды и привыкания к клавишам

[@AndriyMarushko]

@@REDGroup Да, вим - выбор в долгосрок. Это не тот редактор который открыл и ходишь, но сейчас настройка у меня занимает 10 мин на новой машине (практически равносильно тому, что скачать вскод и установить плагины) но в итоге все что мне нужно - это терминал tmux + nvim + dotfiles = profit. но да вим не для всех, я например еще часто пишу код на удаленных машинах (политика безопасности компании) через подключение по ssh. и там танцы с xwindow уже не приносят удовольствия что бы запускать вскод )))

[@REDGroup]

Кстати такой вопрос, на какой системе ты сидишь и смог ли использовать навигацию вим вне редактора?

[@AndriyMarushko]

@@REDGroup Основная система - MacOS. я не совсем понимаю что ты имеешь введу навигацию вне редактора?

[@AndriyMarushko]

tmux позволяет использовать vim-mode где я могу юзать хоткеи с вима прямо в терминале. А если ты о навигации по файлам, то я использую fzf для поиска файлов и fish как основной shell, там есть много плюшек которые ускоряют навигацию в х10 от обычного bash или zsh

[@admenmod]

насчет тем, там такое есть, непомню точно как, но 100% видел

[@АлександрЧетвериков-щ7л]

скажите - как откатиться до базового Neovim?

[@intheair5795]

Удалить/сделать бэкап всего содержимого ~/.config/nvim

[@magnumopus1002]

подскажите что нужно сделать чтобы в astronvim можно было исполнить написанный код? что нужно дополнительно поставить

[@ЭдуардБережнов]

Как удалить в масоне ненужный линтер?

[@Izbor]

если вопрос еще актуальный то - (shift+x). Подсказки по навигации в mason (g -> ?)

[@sysoev-dev]

Ну все, ставь теперь Sway или hyprland на макбук ))

[@REDGroup]

Это типо менеджеры окон? На мак есть такое?

[@sysoev-dev]

@@REDGroup Да, это тайлинговые оконные менеджер, они ставятся поверх линукса ) Обычно их юзают, кто сидят на вимоподобных, там даже файловые менеджеры консольные :D На подобие ranger. Удобно и быстро конечно, но, придрачиваться долго. На ноуте юзаю sway

[@ИванКораблин-т4ю]

Давай настройку vscode

[@ВадимТрактор]

какая у тебя os

[@REDGroup]

Mac os

[@ОлексійТрофимішин-и8г]

Тоже пытался перейти на neovim Даже освоил для этого слепую печать и выучил клавиши Но я тоже перейду на VS code

[@MakarenkoSasha]

nvim нужен если есть только терминальный доступ к машине или ресурсы урезаны.