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

Sdílet
Vložit
  • čas přidán 13. 09. 2024

Komentáře • 101

  • @REDGroup
    @REDGroup  Před rokem

    🔥 Оформить премиум подписку - 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
      @jools333 Před rokem +1

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

    • @REDGroup
      @REDGroup  Před rokem

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

    • @jools333
      @jools333 Před rokem

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

  • @damidee7818
    @damidee7818 Před rokem +8

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

    • @zluka7951
      @zluka7951 Před rokem

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

    • @damidee7818
      @damidee7818 Před rokem

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

    • @damidee7818
      @damidee7818 Před rokem

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

    • @Morecinio
      @Morecinio Před rokem +1

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

    • @abbze8272
      @abbze8272 Před rokem

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

  • @user-ju6fu7ic5r
    @user-ju6fu7ic5r Před rokem +9

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

    • @REDGroup
      @REDGroup  Před rokem

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

    • @Никита-о3ш3я
      @Никита-о3ш3я Před rokem

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

    • @REDGroup
      @REDGroup  Před rokem

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

    • @alex_w0lf
      @alex_w0lf Před rokem +1

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

    • @youtubeuser4062
      @youtubeuser4062 Před 3 měsíci

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

  • @al77ex1
    @al77ex1 Před rokem +2

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

  • @paulbond8244
    @paulbond8244 Před rokem

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

  • @sas6164
    @sas6164 Před měsícem

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

  • @lortta
    @lortta Před 7 dny

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

  • @vladislavmoryakov7351
    @vladislavmoryakov7351 Před rokem +2

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

    • @maksonic_official
      @maksonic_official Před měsícem

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

  • @abbze8272
    @abbze8272 Před rokem +1

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

    • @dmitry-lz1ny
      @dmitry-lz1ny Před rokem +1

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

  • @alcor9921
    @alcor9921 Před rokem +3

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

  • @chudickgumanoid
    @chudickgumanoid Před rokem +1

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

  • @enslit
    @enslit Před rokem +1

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

  • @StanislavGlubyshev
    @StanislavGlubyshev Před 8 měsíci

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

    • @maksonic_official
      @maksonic_official Před měsícem

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

  • @technic_and_programming

    Крут!

  • @mikamuldoon8740
    @mikamuldoon8740 Před rokem

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

    • @REDGroup
      @REDGroup  Před rokem

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

  • @ubranch
    @ubranch Před rokem

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

  • @MrEmil-cf8wo
    @MrEmil-cf8wo Před rokem

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

    • @REDGroup
      @REDGroup  Před rokem +1

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

  • @AMTVE
    @AMTVE Před rokem +2

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

  • @hiyoutube6769
    @hiyoutube6769 Před rokem

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

  • @dmytrokosenko6517
    @dmytrokosenko6517 Před 8 měsíci

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

  • @KemeronEarth
    @KemeronEarth Před rokem

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

  • @topol_
    @topol_ Před rokem +1

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

    • @REDGroup
      @REDGroup  Před rokem

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

    • @user-kn7ky1ih2h
      @user-kn7ky1ih2h Před rokem

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

    • @REDGroup
      @REDGroup  Před rokem

      Спасибо 🙏

    • @ananasios
      @ananasios Před rokem

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

    • @topol_
      @topol_ Před rokem

      @@user-kn7ky1ih2h согласен, тут и так выходит очень хорошо по цене)

  • @ananasios
    @ananasios Před rokem +3

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

    • @REDGroup
      @REDGroup  Před rokem +1

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

    • @ananasios
      @ananasios Před rokem +2

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

    • @surensamarchyan7230
      @surensamarchyan7230 Před rokem

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

    • @REDGroup
      @REDGroup  Před rokem +1

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

    • @surensamarchyan7230
      @surensamarchyan7230 Před rokem

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

  • @yaroslav9465
    @yaroslav9465 Před rokem +1

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

    • @REDGroup
      @REDGroup  Před rokem

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

  • @tezis.digital
    @tezis.digital Před rokem

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

  • @admenmod
    @admenmod Před rokem

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

  • @user-kn7ky1ih2h
    @user-kn7ky1ih2h Před rokem

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

    • @user-kn7ky1ih2h
      @user-kn7ky1ih2h Před rokem

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

    • @REDGroup
      @REDGroup  Před rokem

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

  • @islomnasrullayev-rs4bs
    @islomnasrullayev-rs4bs Před rokem +12

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

    • @user-bs8rs3mw2i
      @user-bs8rs3mw2i Před rokem

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

  • @nihi1ist690
    @nihi1ist690 Před rokem

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

  • @ld5862
    @ld5862 Před rokem +1

    Terminal Wrap

  • @AndriyMarushko
    @AndriyMarushko Před rokem +3

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

    • @REDGroup
      @REDGroup  Před rokem

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

    • @AndriyMarushko
      @AndriyMarushko Před rokem +1

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

    • @REDGroup
      @REDGroup  Před rokem

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

    • @AndriyMarushko
      @AndriyMarushko Před rokem

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

    • @AndriyMarushko
      @AndriyMarushko Před rokem +1

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

  • @admenmod
    @admenmod Před rokem

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

    • @admenmod
      @admenmod Před rokem

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

    • @REDGroup
      @REDGroup  Před rokem

      Да, я про это

    • @admenmod
      @admenmod Před rokem

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

    • @admenmod
      @admenmod Před rokem

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

    • @wintersakuraa
      @wintersakuraa Před rokem

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

  • @glasderes
    @glasderes Před 2 měsíci

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

    • @glasderes
      @glasderes Před 2 měsíci

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

  • @happy_cutman
    @happy_cutman Před rokem

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

  • @sysoev-dev
    @sysoev-dev Před rokem

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

    • @REDGroup
      @REDGroup  Před rokem

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

    • @sysoev-dev
      @sysoev-dev Před rokem

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

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

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

    • @intheair5795
      @intheair5795 Před rokem

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

  • @user-pt6dk3yl2v
    @user-pt6dk3yl2v Před rokem +2

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

  • @magnumopus1002
    @magnumopus1002 Před rokem

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

  • @user-cu3bh6jn1r
    @user-cu3bh6jn1r Před rokem

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

    • @Izbor
      @Izbor Před 7 měsíci

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

  • @ВадимТрактор

    какая у тебя os

  • @user-dn8ol4ef3p
    @user-dn8ol4ef3p Před rokem

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

  • @MakarenkoSasha
    @MakarenkoSasha Před rokem

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