Який редактор коду краще: Visual Studio Code чи Sublime Text?

Порівнюючи редактори коду для JavaScript, більшість обирає між Sublime Text і Visual Studio Code, який, до того ж, має деякі функції IDE. Звичайно, ці редактори не обмежується лише JavaScript, HTML і CSS. Sublime Text і Visual Studio Code є багатомовними і обидва працюють на різних платформах: Windows, macOS і Linux.

У 2024 році перелік популярних редакторів коду розширився: Zed і Cursor покращили код Visual Studio, хоча й різними способами. Крім того, існує кілька плагінів для Visual Studio Code, в тому числі для автодоповнення за допомогою штучного інтелекту.

Visual Studio Code можна використовувати безкоштовно, він має відкритий код. Редактор Sublime Text теж безкоштовно, але його код захищений патентом. І якщо ви постійно використовуєте Sublime Text, то вам слід придбати ліцензію за $99, а також, можливо, ліцензію Sublime Merge за сукупною ціною $168. Якщо ви не хочете купляти ліцензію Sublime Text (або Merge), то у вас час від часу з’являтиметься навігаційний екран. 

Переваги Visual Studio Code

Visual Studio Code, або скорочено VS Code, — це легкий, але потужний редактор коду для Windows, macOS і Linux. Він має вбудовану підтримку JavaScript, TypeScript і Node.js, має багату екосистему розширень для інших мов, таких як C++, C#, Java, Python, PHP і Go.

VS Code має доповнення коду IntelliSense для змінних, методів та імпортованих модулів; графічне налагодження; лінтування, редагування кількома курсорами, підказки параметрів та інші потужні функції редагування; швидку навігацію та рефакторинг коду; вбудований контроль вихідного коду, включаючи підтримку Git . Більшу частину цього було адаптовано з технології Visual Studio.

VS Code створено за допомогою Electron shell, Node.js, TypeScript і протоколу Language Server. Редактор оновлюється щомісяця. Розширення оновлюються по необхідності. Різниця в підтримці залежить від мови програмування та їхніх розширень, починаючи від простого підсвічування синтаксису та підбору дужок до налагодження та рефакторингу. (VS Code навіть підтримує віддалене налагодження для деяких мов.) За необхідності ви можете додати базову підтримку вашої улюбленої мови за допомогою розфарбовувачів TextMate.

У 2021 році до VS Code додали GitHub Copilot та інші плагіни для генерації та автозавершення коду на основі LLM. Альтернативами GitHub Copilot є Tabnine AI, Sourcegraph Cody та Amazon Q Developer.

Переваги Sublime Text

Якщо вам потрібен гнучкий, потужний текстовий редактор програмування, який швидко працює, і ви не проти перемикатися на інші вікна для перевірки коду, налагодження та розгортання, тоді ваш вибір рано чи пізно зупинеться на Sublime Text.

Окрім швидкості, є багато інших сильних сторін Sublime Text: підтримка понад 70 типів файлів, майже миттєва навігація та перемикання проектів; множинні виділення (здійснює купу змін одночасно), включно з виділенням стовпців (виділення прямокутної області файлу); кілька вікон (можна працювати на двох моніторах) і розділені вікна (використовуйте переваги свого екрана); настройка за допомогою файлів JSON; API плагін на основі Python; і широкий перелік команд з можливістю пошуку. 

У версії 3.2 підтримку Git було перенесено в продукт через новий клієнт Sublime Merge Git; до цього підтримка Git була доступна як плагін. 

Основні нові функції та вдосконалення в Sublime Text 4 включають рендеринг GPU, підтримку Apple Silicon і Linux Arm64, вибір кількох вкладок, контекстне автозаповнення, оновлений інтерфейс користувача, підтримку TypeScript/JSX/TSX і покращені визначення синтаксису. Крім того, Sublime Text API було оновлено до Python 3.8, зі збереженням зворотної сумісності з пакетами, створеними для Sublime Text 3.

Для програмістів, які працюють з іншими редакторами, Sublime Text підтримує пакети TextMate (за винятком команд) і емуляцію Vi/Vim. 

Декілька виділень плюс виділення стовпців дозволяють швидко працювати з тими видами редагувань, які раніше вимагали регулярних виразів. Вам потрібно перетворити список слів на структуру JSON, де кожне слово взято в подвійні лапки, а кожне слово в лапках відокремлено від наступного комою? У Sublime Text для цього знадобиться приблизно вісім натискань клавіш, незалежно від того, скільки слів у вас у списку.

Ви можете налаштувати практично все в Sublime Text: схему кольорів, шрифт, глобальні прив’язки клавіш, позиції табуляції, прив’язки клавіш і фрагменти для окремих файлів і навіть правила підсвічування синтаксису. Параметри закодовані як файли JSON. Специфічні для мови визначення є файлами параметрів XML. Навколо Sublime Text існує активна спільнота, яка створює та підтримує пакети та плагіни Sublime Text. Багато функцій, яких спочатку вважалися відсутніми в Sublime Text, включно з інтерфейсами JSLint і JSHint, JsFormat, JsMinify і PrettyJSON, тепер доступні через спільноту за допомогою Package Installer.

Що обрати з точки зору розробника: IDE чи редактор коду? Якщо ви працюєте в тісному циклі розробки, в якому є тестування, «червоний, зелений, рефакторинг», тоді IDE, налаштована на редагування, тестування, рефакторинг і відстеження покриття коду, підійде краще. З іншого боку, якщо ви перевіряєте код або просто виконуєте редагування коду, то вам потрібен найшвидший і найефективніший редактор, який тільки можна знайти. Таким редактором цілком може бути Sublime Text.

Що краще: VS Code чи Sublime Text?

Ви думаєте, що вибрати між VS Code і Sublime Text так само просто, як вибрати між хорошою IDE і хорошим редактором? Насправді це складний вибір, оскільки VS Code має настільки багато налаштувань, що ви можете працювати в ньому, як в IDE, або в простому редакторі коду.

До цього вибору можна додати ще дві альтернативи VS Code: Zed і Cursor. Zed виглядає як VS Code, але він повністю переписаний в Rust з підтримкою GPU та широкими можливостями LLM. Однак він незавершений, не має таких основних функцій, як налагоджувач, але Zed виглядає навіть швидшим, ніж Sublime Text. Cursor — це форк VS Code, який було покращено, щоб стати «найкращим способом кодування за допомогою штучного інтелекту».

Я рекомендую встановити на комп’ютер обидва редактори: VS Code і Sublime Text, а також додати обидві їхні утиліти командного рядка code та subl. Недоліків від встановлення обох продуктів не буде. Можливо, ви також захочете встановити ще обидві альтернативи VS Code разом із їхніми утилітами командного рядка — Zed та Cursor.

Протягом місяця спробуйте працювати по черзі в кожному з чотирьох редакторів, відкриваючи свої проекти, поки не зрозумієте характеристики програм. А потім, в залежності від уподобань та характеру завдань, оберіть найкращий з них. Потім додайте плагіни (за потреби) для тієї мови програмування, на якій ви працюєте.

На своєму досвіді я обирав VS Code або Cursor майже для будь-якого сеансу роботи, який передбачав налагодження або тривав більше ніж 10 хвилин. Якщо ж мені треба було швидко зробити редагування чи просто переглянути код, то я обирав Sublime Text або Zed. Звичайно, ваші уподобання можуть бути іншими або змінюватися з часом.