Кращі безкоштовні редактори коду для веб-розробників

автор: Bradley Nice, менеджер контенту на ClickHelp.com - інструмент програмної документації

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

Кронштейни

Brackets - це сучасний редактор коду з відкритим кодом для HTML, CSS та JavaScript, вбудований у HTML, CSS та JavaScript.

Ключові риси:

  • Інструменти не повинні вам заважати. Замість того, щоб захаращувати ваше середовище кодування безліччю панелей та піктограм, інтерфейс швидкого редагування у дужках вказує конкретний контекстний код та інструменти.
  • Дужки синхронізовані з вашим браузером. За допомогою "Live Preview" Brackets працює безпосередньо з вашим браузером, щоб миттєво редагувати код і переходити між вашим реальним вихідним кодом та поданням браузера.
  • Зроби це сам. Оскільки Brackets є відкритим кодом та створений за допомогою HTML, CSS та JavaScript, ви можете допомогти створити найкращий редактор коду для Інтернету.

Атом

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

Ключові риси:

  • Міжплатформене редагування. Atom працює в усіх операційних системах. Ви можете використовувати його в OS X, Windows або Linux.
  • Вбудований менеджер пакунків. Шукайте та встановлюйте нові пакети або починайте створювати власні - все це з Atom.
  • Смарт автозавершення. Atom допомагає швидше писати код за допомогою розумного, гнучкого автозаповнення.
  • Браузер файлової системи. Легко перегляньте та відкрийте один файл, цілий проект чи кілька проектів в одному вікні.
  • Кілька панелей. Розділіть свій інтерфейс Atom на кілька панелей для порівняння та редагування коду між файлами.
  • Знайдіть і замініть. Знайдіть, перегляньте та замініть текст під час введення файлу або в усіх проектах.

Світла таблиця

Ключові риси:

  • Годинники Другого покоління println для відстеження важливих значень у вашому коді. Просто додайте годинник до виразу, і значення буде передане в LT в реальному часі.
  • Вбудована оцінка. Немає більше друку на консолі, щоб переглянути результати. Просто оцініть свій код, і результати будуть відображатися в рядку.
  • Відкрите джерело. Кожен шматочок коду Light Table доступний для громади, оскільки ніхто з нас не такий розумний, як усі ми.
  • Ковкий. Клавіатурні карти, поведінка та механізм поведінки-тегів Light Table - це означає, що ви можете легко сформувати свій IDE в залежності від вашої роботи.
  • Менеджер плагінів. Менеджер плагінів приєднується до центрального списку плагінів, тому вам не доведеться шукати по всьому Інтернету, щоб знайти потрібні.
  • Потужне редагування. Light Table - це легкий, чистий та елегантний інтерфейс із усією потужністю та функціональністю, необхідною та очікуваною від вашого редактора.

Піднесений текст

Ключові риси:

  • Перейдіть на все. Використовуйте Goto Anything, щоб відкрити файли лише декількома натисканнями клавіш і миттєво перейти до символів, рядків чи слів.
  • Кілька виборів Внесіть десять змін одночасно, не одну зміну десять разів. Багаторазовий вибір дозволяє вам інтерактивно змінювати багато рядків одночасно, перейменовувати змінні з легкістю та маніпулювати файлами швидше, ніж будь-коли.
  • Палітра команд. Палітра команд містить нечасто використовувані функціональні можливості, такі як сортування, зміна синтаксису та зміна параметрів відступу. За допомогою декількох натискань клавіш ви можете шукати те, що ви хочете, не потребуючи навігації по меню або запам'ятовування незрозумілих прив’язок клавіш.
  • Режим відволікання. Коли вам потрібно зосередитись, режим відволікання відволікається на допомогу. Режим без відволікання - це повноекранний режим, без хромованого редагування, окрім тексту в центрі екрану. Ви можете поступово показувати елементи інтерфейсу, такі як вкладки та панель пошуку, коли вони вам потрібні.
  • Спліт редагування Отримайте максимальну користь від широкоекранного монітора з роздільною підтримкою редагування. Відредагуйте файли поруч або відредагуйте два місця в одному файлі. Ви можете редагувати стільки рядків і стовпців, скільки бажаєте. Скористайтеся декількома моніторами, відредагувавши декілька вікон та використовуючи декілька розділів у кожному вікні.
  • Миттєвий перемикач проектів. Проекти в Sublime Text охоплюють повний вміст робочої області, включаючи модифіковані та незбережені файли. Ви можете перемикатися між проектами таким чином, як Goto Anything, і перемикач відбувається миттєво, без запитів на збереження - усі ваші модифікації будуть відновлені наступного разу, коли проект буде відкрито.
  • API плагіна. Sublime Text має потужний API для плагінів на основі Python. Поряд з API, він пропонує вбудовану консоль Python для інтерактивного експерименту в режимі реального часу.
  • Налаштуйте все, що завгодно. Основні прив'язки, меню, фрагменти, макроси, доповнення та багато іншого - майже все в піднесеному тексті налаштовується за допомогою простих файлів JSON. Ця система надає вам гнучкість, оскільки налаштування можна задавати за типом файлу та за проектом.
  • Хресна платформа. Піднесений текст доступний для OS X, Windows та Linux. Одна ліцензія - це все, що потрібно для використання Sublime Text на кожному вашому комп'ютері, незалежно від того, яку операційну систему він використовує.

Блокнот ++

Notepad ++ - це безкоштовний редактор вихідного коду та заміна Notepad, яка підтримує декілька мов. Працюючи в середовищі MS Windows, його використання регулюється Ліцензією GPL.

Ключові риси:

  • Виділення синтаксису та складання синтаксису;
  • Виділення та складання синтаксису, визначені користувачем;
  • Пошук / Заміна PCRE (Perl Compatible Regular Expression);
  • GUI повністю настроюється;
  • Карта документа;
  • Автозавершення: слово завершення, завершення функції та параметри функції підказки;
  • Мультидокумент (інтерфейс Tab);
  • Multi-View;
  • WYSIWYG (Друк);
  • Зменшення та зменшення масштабу;
  • Підтримується багатомовне середовище;
  • Закладка;
  • Макро запис і відтворення;
  • Почніть з різних аргументів.

Код візуальної студії

Visual Studio Code - це редактор вихідного коду, розроблений Microsoft для Windows, Linux та macOS. Він безкоштовний і з відкритим кодом, хоча офіційне завантаження здійснюється за власною ліцензією.

Ключові риси:

  • Налагодження;
  • Вбудований контроль Git;
  • Підсвічування синтаксису;
  • Інтелектуальне завершення коду;
  • Сніппети;
  • Рефакторинг коду;
  • Настроювання.

Гарного дня!

Бредлі Ніцца,
Content Manager на ClickHelp.com - найкращий інструмент онлайн-документації для постачальників SaaS