Подсказка, как в VS Code можно открыть в отдельном окне Terminal или Search results

#tip #vscode

Volar-у надоело масштабироваться вертикально, он полез горизонтально.

Из-за бага в VSCode (как утверждает Johnson Chu) в расширениях редактора теперь два Vue-Official (ext:Vue.volar). Один - последний 2.0.12 с 60 тысячами скачиваний, другой - 2.0.10 с 7 миллионами скачиваний. Нужен 2.0.12.
Изменить имя, и потерять всю историю...

Также последняя версия хочет, чтобы у вас была достаточно свежая версия VS Code, иначе она превращается в 1.8.27.

#volar #vscode

Сразу после выхода очередного релиза Vitest 1.5.0, вышла новая версия Vitest VS Code extension 0.6. Из нового:

- instant feedback
- .each test declaration
- test tree view
- coverage reporting
- better debugging support
- improved performance

Расширение было не очень популярно, и по сравнению с версией 0.5 было переписано с нуля.

#vitest #vscode

Полезные фичи VS Code:

Сочетания клавиш:
ALT + ←/→ - Идти к прошлому/следующему месту редактирования
ALT + ↑/↓ - Переместить строку/выделение
SHIFT + L - Выделить строку
SHIFT + ALT + ↑/↓ - Дублировать строку/выделение
SHIFT + ALT + ←/→ - Расширить/сузить выделение

CTRL + SHIFT + P => поиск команды по названию

Настройки:
Profiles
Sticky Scroll

Расширения:
Codeium
Code Spell Checker
Todo Tree
Favorites

Следует учитывать, что многие расширения (например, популярное Import Costs) очень сильно жрут ресурсы компьютера и тормозят редактор

#vscode #tip

Мы уже писали пару раз о применении Reactivity API пакета вне Vue фронтенд приложений.

Вот новая библиотека/starter-kit, которая использует Vue Reactivity API для упрощения создания VS Code расширений. Путем отображения VSCode extension API (которая основана на event driven архитектуре) в композаблы. Несколько понижается производительность, значительно повышается DX.

Пока что Vue Reactivity API выглядит лучшей "реализацией" JS Signals.

#vscode #reactivity

Если у вас VS Code тормозит из-за каких-то расширений, то есть такое:

F1 -> Developer: Open Process Explorer
F1 -> Developer: Show Running Extensions

и вообще:

F1 -> Developer: ...

#vscode

Если в VS Code у вас отключено автоматическое обновление редактора или стоит firewall, запрещающий такие запросы, то в один момент Volar или Eslint могут просто перестать работать, потому что их новая версия требует последних версией VS Code (и это случается далеко не редко). Об этом будет краткая запись в output логах Eslint.

Можно потратить кучу времени, пытаясь определить, что сломалось. Логи VS Code - очень полезная штука.

#vscode #volar #eslint #ide

Еще один пример как Volar может сломаться при обновлении / не обновлении VS Code

Intellisense перестает работать во вновь созданных Vue файлах.

#volar #vscode

Предыстория к картинке выше: в 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

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

В последнем VS Code появился более удобный Profile editor.

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

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

#vscode

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

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

#vscode #tip

Лидом разработки VS Code является швейцарец Erich Gamma - один из авторов легендарной, вышедшей более 30 лет назад книги Design Patterns: Elements of Reusable Object-Oriented Software ("Gang of four")

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

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

#vscode #designpatterns

Чтобы сделать работу в 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

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