Vue-FAQ
938 subscribers
572 photos
91 videos
563 links
Канал сайта https://vue-faq.org
Информация о Vue.js, фронтенд разработке и не только

Contacts: @RuslanMakarov
Download Telegram
Предыстория к картинке выше: в issues ms/vscode кто-то написал, что падение TS Server может вызываться расширением Volar.

Эта, другие слова нежели "истеричка" на находятся, заявила, что он прекращает разработку и поддержку расширения в VS Code и переключается на JetBrains

Это далеко не первый раз, когда Volar не работает из-за каких-то "багов" в VS Code, TS плагинах и даже Node.js.

Честно говоря, для меня дико, что кто-то, выпускающий плохой, но распространенный продукт, постоянно обвиняет в своих неудачах инструменты, которыми он пользуется.
Почему нельзя использовать только стабильный функционал VS Code и TS?

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

Почему бОльшая часть времени разработки жутко баггованного и нестабильного Volar сейчас уходит на поддержку других фреймворков, а не Vue? Почему их грёбаная un-экспансия идет ценой Vue?

И бранная лексика в твитах допустима только для людей уровня Линсуса Торвальдса. По крайней мере, в цивилизованном мире. Этот твит выглядит кринжово для представителя серьезной организации или бизнеса.

Also, a big thank you to Astro and JetBrains for generously donating ten thousand dollars, allowing us to focus entirely on development without worrying about anything else.

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


Это цитата Джонсона. Не в этом ли причина? JetBrains, не сумев сама написать тулинг для Vue, просто переманила деньгами разработчика? Очень дерьмовая история.

И, кстати, Astro и JetBrains это не основные спонсоры Джонсона. И все равно он время от времени вылазит в медиа пространство и оскорбляет, ноет и эмоционально шантажирует миллионы пользователей.

#volar #jetbrains #vscode
😐5😱4👍1
1. Инструментарий Vue всегда был лучше в VS Code, чем в Webstorm. Официальная документация рекомендует именно VS Code.
2. Джонсон Чу стал мейнтенером Volar
3. Джонсон Чу получает большие спонсорские гранты от JetBrains (как минимум 10 тысяч долларов).
4. Инструментарий Vue в VS Code превращается в кошмар
5. Поддержка Volar других фреймворков становится более важной для разработчика, чем поддержка Vue
6. Джонсон Чу регулярно публикует истеричные и оскорбительные посты о том, насколько глючен VS Code и насколько безответственны и некомпетентны его разработчики.
7. Джонсон Чу официально объявляет, что он фокусируется на Webstorm, оскорбившись на небезосновательное предположение, что VS Code может сломаться из-за некоторых его расширений.
8. Кто в выигрыше? Один конкретный человек и одна компания?

На это перечисление фактов (с моей точки зрения), воспринятое как наезд, даже вынужден был ответить представитель JetBrains:

Привет, адвокат разработчиков из JetBrains. Все уже было разъяснено несколько раз, но я просто хочу поделиться своей точкой зрения на эти вещи.

Части нашего плагина Vue действительно зависят от Volar и, следовательно, неотъемлемо от работы Джонсона. Люди используют наши инструменты для разработки Vue, поэтому у нас есть несколько стимулов для поддержания Volar как проекта. В будущем от Volar будет зависеть еще больше плагинов. Именно по этой причине мы решили спонсировать Volar. Мы также спонсируем другие проекты с открытым исходным кодом, от которых мы зависим (например, Vite, ESLint, pnpm, ...).

Помимо спонсорства, мы поддерживаем активную связь с Джонсоном и другими сопровождающими Volar, чтобы обсуждать проблемы, с которыми мы сталкиваемся, или проблемы, о которых сообщают на их стороне. Мы также предоставили несколько воспроизведений или исправлений замеченных нами проблем. Такое взаимодействие также не является чем-то уникальным, у нас есть подобные каналы связи с другими проектами (например, Angular, Astro, prisma, NX, ...).

При всем этом мы никогда не поощряли Джонсона использовать WebStorm, это полностью его собственное решение. Судя по тому, как с ним обращались, я не удивлен этим решением, и это явный признак того, что нам, как сообществу, нужно гораздо лучше относиться к сопровождающим OSS.


Неубедительно, особенно учитывая, что они с Джонсоном одновременно отреагировали на пост спустя двое суток после его публикации, но ок (c).

#volar #jetbrains #vscode
👏7🤡4🤬3😐2👎1
В последнем VS Code появился более удобный Profile editor.

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

Малозаметная штука, сильно облегчающая работу. И чего нет у комбайна JetBrains.

#vscode
👍11👎3🤔1
Команды VS Code
- Emmet: Balance (outward)
и
- Emmet: Wrap With Abbreviation
помогут быстро обернуть блок кода в шаблоне в новый тэг.

Можно назначить им сочетания клавиш.

#vscode #tip
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Лидом разработки VS Code является швейцарец Erich Gamma - один из авторов легендарной, вышедшей более 30 лет назад книги Design Patterns: Elements of Reusable Object-Oriented Software ("Gang of four")

Он - одна из причин успеха редактора

Вот Erich рассказывает, на каком JS фреймворке написан VS Code и почему.

#vscode #designpatterns
👏15
Чтобы сделать работу в SOHO комфортной, полезно иметь Мини ПК как локальный сервер

На нем можно не только крутить Linux, базу данных, вебсервер, docker и другие сервисы, но и работать из VS Code в режиме Remote Development (по SSH). Это сильно разгружает основной комп/ноут.

Для сравнения, открываем небольшой Vue 3 проект локально:
- RAM: 2000Mb, CPU: 10%-50%

Тот же самый удаленно:
- RAM: 600Mb, CPU: 10%-20%

То есть, нагрузка распределяется очень неплохо, и на ноуте с 16Gb памяти можно запускать несколько экземпляров VS Code и работать вполне комфортно (помним про профили).

Я пожадничал и взял Мини ПК на Ryzen 7, в результате часто слушаю работу вентиляторов. Сейчас бы не задумываясь купил Intel N100 - он бесшумный и мощи хватало бы. 16Gb памяти - оптимально

Итого, качественный сетап фулстека: ноут - $400, мини ПК - $200, хороший большой основной монитор- $250, монитор попроще - $150, всякая периферия. За всё около $1000.

Ну или бэушный макбук можно взять за эти же деньги...

#minipc #vscode
👍6❤‍🔥1
VS Code позволяет отключить аппаратное ускорение при отрисовке, что может заметно убыстрить IDE при плохом GPU или проблемах с драйверами

1. Preferences > Configure Runtime Arguments
2. Добавить: "disable-hardware-acceleration": true

Или сразу в .vscode/argv.json

#vscode #tip #optimization
Copilot Edits

Не успели мы написать о каскадном прыжке Codeium, как тут и Copilot вылез.

GitHub Copilot добавил в VS Code в свое расширение функцию Copilot Edits - генерация кода в разных файлах (аналог Cursor Composer и Codeium Cascade)

Причем, Copilot по-прежнему остается расширением IDE, хотя Cursor и Codeium типа "не смогли" добиться такого функционала и вынуждены были форкнуть VS Code для своих платных продуктов. Видимо такая у последних двух бизнес модель.

VS Code разместил об этом новость у себя и показал, как сгенерить окно логина на примере проекта на Vue ))



Еще интересные AI помощники для IDE, к которым можно подключить свою LLM - Continue, Cline (опенсорсные) и
Codebuddy (не опенсорсный). Планирую на своем мини-пк все-таки развернуть небольшую LLM и попробовать работать локально.

#vscode #ai #copilot
😁3
Довольно свежие Vue сниппеты для VS Code, среди большого количества хлама.

Vue 3 VS Code Snippets

#vscode #tip
👍11
Попалось полезное VS Code расширение

На больших проектах вместо того, чтобы выносить часто используемые файлы в Favorites, можно прятать редко используемые в Hide files

От автора React SFC

#vscode
💩6
Кому нравятся джетбрейновские аннотации имен параметров, у VS Code есть расширение для этого - Inline Parameters for VSCode

#vscode
🔥10😱2😐2💩1
Еще одно полезное расширение для VS Code - Pretty TypeScript Errors

#vscode
👍16🔥6
За что я ценю VS Code больше всего - за закрытие гештальта.

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

VS Code сломал это правило несколько лет назад.

С продуктами JetBrains же просто парадокс какой-то.

IDE на Java стали писать как только она появилась. И вот с 2000 года Java не поменялась особо, JVM не поменялись, код для написания IDE примерно тот же, использующий те же библиотеки. Поменялось железо - раз так в 1000 стало мощней суммарно. А тормозит такой IDE так же, как и тогда...

#vscode #ide #jetbrains
💩7💯3🍌1
Media is too big
VIEW IN TELEGRAM
Подписчик поделился самописным расширением для VS Code — помогает быстро и безболезненно менеджерить локализацию в vue-i18n. Добавлять ключи, переводить на все языки (через AI), быстро обновлять существующие фразы... Короче, просто зацените демку.

Сейчас на стадии сбора фидбека и различных юз-кейсов. Кому интересно потыкать раннюю версию (бесплатно ofc), тут можно заполнить небольшую форму: https://tally.so/r/mDMv5b

Просит потестировать и покритиковать в комментариях

Лично я использую всегда самописную реализацию i18n, но расширение выглядит очень круто и использует AI именно так, как его надо использовать - незаметно, под капотом, значительно расширяя функционал приложения и сильно улучшая UX/DX. Мне такого не хватает, потому что приходится вручную ходить по json файлам и добавлять новый ключ, пусть даже и автокомплит это быстро делает за тебя.

#vscode #extension #i18n #lib
🔥18👍5💩1🤡1🍌1
Кто не знал, есть в VS Code (Volar) такая команда

Разделяет на два окна один файл по секциям SFC

#vscode
👍18🔥52