В очередной раз столкнувшись с вопросом «а в чем сейчас нормально писать сайты?», решил начать небольшой цикл про редакторы кода. Не про священные войны, где один человек с пеной у рта доказывает, что Vim это путь самурая, второй молча платит за PhpStorm, а третий вообще верстает в Блокноте и считает всех слабовольными.
Начнем с самого популярного и, наверное, самого массового варианта для веб-кодера: Visual Studio Code. А заодно с его почти братом-близнецом VSCodium.
На первый взгляд разница между ними примерно как между двумя одинаковыми черными футболками. Одна из магазина, вторая вроде такая же, но без логотипа и с этикеткой «я более независимая». Но в работе нюансы есть.
VS Code: редактор, который захватил столы
Visual Studio Code это бесплатный редактор кода от Microsoft. Формально редактор, а фактически небольшой комбайн, который сначала просто подсвечивает HTML, а через месяц уже умеет запускать терминал, ругаться на ESLint, форматировать код, открывать Git, показывать Docker, подсказывать CSS-переменные и вообще ведет себя как очень активный стажер.
Для веб-кодера VS Code удобен тем, что почти сразу после установки в нем можно работать:
- HTML подсвечивается
- CSS не выглядит как каша
- JavaScript подсказывается
- Emmet разворачивает
ul>li*5быстрее, чем успеваешь подумать - Git встроен
- терминал встроен
- расширений столько, что можно потерять вечер просто выбирая иконки файлов
Последний пункт, кстати, опасный. Очень легко поставить 25 расширений «на всякий случай», а потом удивляться, почему редактор думает над открытием папки как бухгалтер над новым законом.
Но в целом VS Code действительно удобен. Его можно поставить начинающему верстальщику, фронтендеру, человеку, который правит WordPress-тему, и даже тому, кто «только кнопку поправить». В большинстве случаев он справится.
И что важно, вокруг него огромная экосистема. Если что-то не работает, почти всегда кто-то уже наступил на эти грабли, написал вопрос, получил три неправильных ответа и один нормальный. Это сильно экономит время.
VSCodium: тот же суп, но без фирменной приправы Microsoft
VSCodium появился из понятного желания: взять открытый код VS Code и собрать из него редактор без фирменных добавок Microsoft.
Потому что есть интересный момент. Исходники VS Code открыты, но готовая сборка от Microsoft это уже продукт Microsoft. С логотипом, лицензией, телеметрией, официальным Marketplace и прочими взрослыми вещами, которые обычно никто не читает, пока не начнет спорить в комментариях.
VSCodium в этом смысле выглядит честнее для тех, кто любит open source не только на наклейке ноутбука. Там убрана телеметрия Microsoft, нет брендинга Microsoft, и вообще ощущение такое, будто редактор чуть меньше интересуется вашей личной жизнью.
Для обычного веб-кодера это может звучать как «ну и что?». И это нормальная реакция. Если редактор открыт, код пишется, сайт собирается, заказчик не звонит ночью, значит жизнь удалась.
Но если вы не любите лишнюю аналитику, корпоративные аккаунты и тихую отправку каких-то данных куда-то «для улучшения продукта», VSCodium начинает выглядеть вполне разумно.
Где реальная разница
Самая заметная разница не в интерфейсе. Окно почти такое же, настройки похожие, файлы открываются так же, привычки ломать не нужно.
Разница вокруг.
Во-первых, телеметрия. В VS Code она есть, хотя ее можно отключить. В VSCodium она изначально убрана. Тут каждый сам решает, насколько ему спокойно. Кому-то всё равно, кто-то перед установкой редактора читает лицензии. И тот, и другой человек имеют право на чай.
Во-вторых, расширения. VS Code работает с официальным Microsoft Marketplace, где есть почти всё. VSCodium обычно использует Open VSX Registry. Это открытый каталог расширений, но он не всегда полностью совпадает с майкрософтовским магазином.
Большинство нормальных веб-инструментов там есть: Prettier, ESLint, Live Server, GitLens, расширения для PHP, CSS, Tailwind и прочего хозяйства. Но иногда какое-то расширение может не найтись или вести себя не совсем так, как в VS Code. Редко, но бывает. И как обычно, это случится не в пятницу утром, а вечером перед сдачей.
В-третьих, синхронизация настроек. В VS Code все довольно удобно: вошел в аккаунт, настройки подтянулись, расширения приехали, жизнь наладилась. В VSCodium с этим менее глянцево. Можно настроить руками, можно хранить конфиги в Git, можно просто скопировать settings.json, но магии «нажал и забыл» меньше.
В-четвертых, есть фирменные расширения Microsoft, которые могут быть завязаны именно на VS Code. Для обычной верстки это не критично. А вот если начинается удаленная разработка, контейнеры, хитрые корпоративные окружения и прочий DevOps с человеческим лицом, лучше заранее проверить, не отвалится ли привычный сценарий.
Что выбрать веб-кодеру
Если хочется просто поставить редактор и начать работать, берите VS Code. Это самый спокойный вариант. Особенно если вы учитесь, работаете в команде, смотрите обучалки, повторяете за документацией или не хотите объяснять коллеге, почему у вас расширение называется почти так же, но работает чуть иначе.
VS Code хорош, когда нужно:
- быстро начать
- иметь максимум расширений
- пользоваться официальной документацией
- синхронизировать настройки
- не думать о внутренней кухне редактора
- просто делать сайты, а не строить личную философскую платформу
Если же хочется более чистый инструмент, без лишнего участия Microsoft, тогда стоит попробовать VSCodium. Он особенно приятен тем, кто любит контролировать рабочую среду и не видит проблемы в том, чтобы один раз руками докрутить настройки.
VSCodium хорош, когда нужно:
- меньше телеметрии
- больше open source по духу
- не привязываться к аккаунту Microsoft
- использовать почти тот же VS Code, но без фирменной обвязки
- спокойно писать HTML, CSS, JS, PHP и не чувствовать, что редактор пришел на работу вместе с отделом маркетинга
Личный вывод
Для веб-кодера главное не в том, как называется редактор. Главное, чтобы он не мешал писать код.
VS Code удобнее как массовый инструмент. Он проще, привычнее, лучше покрыт расширениями и обучающими материалами. Его можно рекомендовать почти всем, особенно начинающим.
VSCodium интереснее как аккуратная альтернатива. Он не делает из вас другого программиста, не ускоряет верстку в два раза и не чинит кривой CSS сам. Но дает ощущение более чистого инструмента, а иногда это тоже важно.
Если нужно мое простое мнение, то оно такое: для старта ставьте VS Code. Для спокойного осознанного ковыряния, когда уже понятно, какие расширения нужны и зачем, можно попробовать VSCodium.
Главное не устраивать из выбора редактора отдельный проект с таблицей сравнений на 40 строк. Потому что пока мы спорим, VS Code или VSCodium, где-то в макете уже появилась кнопка с тенью, градиентом, скруглением 17 пикселей и требованием «чтобы на мобиле было красиво».
В следующей части нормально разберем базовую настройку редактора для веб-кодера: шрифт, тема, Emmet, Prettier, ESLint, Live Server и минимальный набор расширений, после которого редактор еще редактор, а не маленький зоопарк.