Подождите пожалуйста, идёт загрузка страницы...

Обзор редакторов кода и IDE для Web Dev’a

Дата публикации: 11/01/2018
View 262
IDE

Всё, ниже описанное, является чисто субъективным мнением и основывается на личном опыте.

Когда я начинал знакомиться с тем, что такое вёрстка и с чем её едят для меня, как для новичка, изначально не принципиально было в чём писать код (бывало даже и в обычном блокноте писал). Инструментов для этого было предостаточно, но в тот момент я об этом особо не задумывался.

Самый первый редактор, с которым я познакомился, был Notepad++. С виду простенький такой блокнот с расширенным функционалом. Собственно, из названия это и можно понять. В нём присутствует подсветка многих синтаксисов, поддержка макросов (хотя я ими и не пользуюсь, но, наверное, это полезно), поддержка плагинов. С последними, кстати, можно превратить Notepad++ в довольно мощный инструмент.

Поднабравшись опыта, стал вопрос о том, что пора найти что-нибудь поудобнее. Тогда я стал пробовать различные редакторы и IDE (Integrated development environment). Некоторое время я использовал Brackets от Adobe. Бесплатный редактор, который написан с использованием HTML, CSS и JavaScript. С первого же взгляда он мне понравился. Обычный такой редактор, ничего лишнего, присутствует поддержка сторонних плагинов и расширений. Так же есть возможность открыть целый проект(папку), что несомненно хорошо. Удобно же, когда есть навигация по проекту, ну?

IDE

Ещё из плюсов могу выделить встроенную функцию Live Preview. При чём она работает мгновенно (то бишь, не нужно сохранять код для того, чтобы увидеть результат).

В целом, «Скобки» меня устраивали до того момента, пока я не начал использовать Sass. Этот редактор понимает синтаксис, но, почему-то, жутко неудобно писать в нём. При написании свойств, курсор возвращается на тот же уровень, что и название класса/айди/элемента. Проще говоря, на каждой строке нужно жмякать Tab. Это меня дико бесило, и я начал искать альтернативу.

Поспросив у друзей, я собрал небольшой список и начал проверять, что мне больше по душе будет. Дальше вкратце о них.

IDE

PhpStorm – коммерческая кросс-платформенная IDE от JetBrains. Является редактором кода для PHP, HTML и JavaScript. Имеет в себе много встроенных плагинов, подсветку синтаксиса и автодополнение кода. Так же присутствует встроенный SQL-редактор с возможностью редактирования полученных результатов запросов, интеграция с системами контроля версий и встроенный отладчик кода. Как и большинство других IDE может выполнять скрипты прямо в окне программы. Довольно мощный инструмент в руках опытного разработчика и, в то же время, может показаться слишком сложным, на первый взгляд, для новичка из-за своей сверх функциональности.

WebStrom – это специализированная версия PhpStrom. Функционал этих IDE практически одинаковый, за исключением предустановленных плагинов JavaScript для WebStorm.

И PhpStorm, и WebStorm хорошие и мощные инструменты, но главный аргумент против них – они платные. Не каждый со старта может позволить купить себе такой инструмент. А ещё у меня на тот момент был не особо мощный ПК и длительные загрузки проектов на старте меня очень раздражали. Поэтому я решил искать альтернативу в виде простеньких и лёгких редакторов кода.

IDE

Atom – бесплатный текстовый редактор с открытым исходным кодом от GitHub Inc. Один из самых лучших инструментов для меня на данный момент. В нём есть практически всё, что нужно для вёрстки, а чего нету – догоняется плагинами(благо, самые популярные плагины есть для этого редактора). Из плюсов могу выделить довольно удобную реализацию поиска плагинов – прямо в самой программе. Заходим в настройки, ищем интересующий нас плагин, по названию или из списка, и в пару мгновений он из репозитория GitHub прилетает к нам. Проще некуда. Достаточно огромный выбор тем на любой вкус(я предпочитаю тёмную тему – Seti UI і цветовую схему – One Dark). Да и вообще, как-то всё слишком хорошо в нём.

IDE

Sublime Text – один из самых популярных редакторов на данный момент, и в то же время это самый простой редактор, который я знаю. Запускает проекты практически мгновенно, имеет те же функции, что и Atom, менеджер пакетов и довольно большую базу плагинов, кросс-платформенный. Единственный минус, что это проприетарное ПО и распространяется по принципу «бесконечная пробная версия(unlimited free-trial)», то бишь можно пользоваться программной сколь угодно, но время от времени она будет напоминать, что было бы неплохо поддержать разработчиков и купить лицензию. Собственно, поэтому я и отдал предпочтение Atom’у.

В заключении могу сказать, что в данный момент существует очень большое количество инструментов для веб-разработки и я показал лишь некоторую часть из них. Из такого количества каждый сможет найти для себя то, что будет ему по душе.

Автор: Роман Лысаков
comments powered by HyperComments