Что лучше atom или visual studio code
Перевод статьи Каталина Вейзила «Choosing the best code editor as a web developer in 2018».
Использование подходящего редактора кода это отличный способ обеспечить эффективный и продуктивный процесс разработки. Современные редакторы не только ускоряют работу. Они также предоставляют широкий ассортимент инструментов, которые уменьшают количество шагов, необходимых для выполнения определенных задач.
В этой статье мы рассмотрим несколько самых лучших, современных и кросс-платформенных редакторов кода, которыми вы можете начать пользоваться прямо сейчас.
1. Visual Studio Code
Visual Studio Code это бесплатный кросс-платформенный редактор кода, разработанный Microsoft. Программа имеет открытый исходный код. Исходя из опроса, проведенного Stack Overflow в 2017 году, это один из самых популярных редакторов кода, которым пользуются больше 24% разработчиков.
Он оснащен доступным набором инструментов для редактирования и отладки. Редактор легко интегрируется с другими сервисами. Его собственные свойства также легко расширить.
Новая функция Live Share предоставляет возможности для парного программирования, благодаря чему вы и ваша команда можете с легкостью работать над одной базой кода. Вам не придется для этого конфигурировать инструменты разработки или возиться с настройками окружения.
Кроме того, среди особенностей VS Code мы видим Git-интеграцию, IntelliSense (технология автодополнения), подсветку синтаксиса для самых популярных языков программирования и много других прекрасных функций.
Если вам этого недостаточно, вы можете с легкостью улучшить и кастомизировать VS Code благодаря коллекции плагинов, поставляемых Microsoft или создаваемых сообществом.
2. Sublime Text 3
Sublime Text 3 имеет бесплатную и премиум-версию. Это кросс-платформенный редактор кода. Он не только легковесный и очень шустрый в работе, но также и расширяемый.
Эту программу можно скачать совершенно бесплатно на официальном сайте и пользоваться ею сколько угодно в пробном режиме. Затем вы можете приобрести премиум-версию за $80.
По умолчанию Sublime Text 3 предоставляет базовое автодополнение, подсветку синтаксиса и функционал сворачивания (фолдинга). Но используя Package Control в Sublime Text, вы можете расширить последний и добавить больше «примочек»: инструменты отладки, новые теми, поддержку intellisense и т. п.
В последней версии Sublime (3.1) также улучшено использование памяти (в некоторых случаях до 30%), появился рендеринг текста с поддержкой лигатур, усовершенствовано взаимодействие пользователя с программой, определение синтаксиса и добавлены новые цветовые схемы.
3. Atom
Atom это еще один бесплатный, кросс-платформенный редактор с открытым исходным кодом. Он создан и выпущен GitHub.
По умолчанию Atom предоставляет подсветку синтаксиса, дополнение и сворачивание кода, а также встроенную поддержку десятков языков программирования.
Также этот редактор поддерживает GitHub. Он поставляется со встроенным менеджером пакетов, благодаря чему вы можете осуществлять поиск, а также устанавливать или создавать собственные пакеты для расширения функционала редактора.
Подобно VS Code, он также оснащен мощным инструментом для парного программирования – Teletype. Это дает возможность нескольким разработчикам присоединяться к изолированной сессии и работать совместно.
Atom можно расширить с помощью Atom-IDE – набора опциональных пакетов.
4. Vim
Хотя это очень мощный редактор, его довольно непросто изучить. Но если вам это удастся, Vim покажет чудеса производительности: для выполнения некоторых задач, обычно отнимающих время, потребуется лишь несколько нажатий клавиш.
В состоянии «прямо из коробки» Vim разве что довольно хорошо управляется с текстом. Но с помощью плагинов, скриптов и тонкой настройки для соответствия вашим вкусам, Vim становится могущественным оружием в вашем арсенале.
По сравнению с другими (графическими) редакторами, такими как Visual Studio Code, Sublime или Atom, Vim предоставляет тот же функционал (если хорошо настроен), но использует лишь часть системной памяти и загружается моментально.
5. Emacs
Emacs это еще один редактор кода на базе UNIX. Он написан на Lisp и может посоревноваться с Vim в юзабилити и расширяемости.
По умолчанию, он предоставляет режимы редактирования с распознаванием контента, включая подсветку синтаксиса для многих типов файлов, полную встроенную документацию и вводное руководство для новых пользователей.
Emacs очень настраиваемый и имеет первоклассную поддержку Lisp и других функциональных языков. Если вы знакомы с Lisp, то можете и сами написать расширение для этого редактора, поскольку он бесплатный и имеет открытый исходный код.
Вы можете настроить Emacs по своему усмотрению и внедрить функционал, выходящий за рамки редактирования кода, включая планирование проекта, использование Emacs в качестве почтового клиента, программы для чтения новостей, календаря и многое другое.
Подобно Vim, Emacs сложен в изучении: чтобы освоиться с ним и начать использовать его в полную силу, может понадобиться некоторое время.
Однако, в отличие от Vim, Emacs не предустановлен в каждом Unix, и использование памяти у него немного выше, особенно, если вы его расширите с помощью плагинов.
6. SpaceMacs
SpaceMacs это созданный и поддерживаемый сообществом редактор кода на основе Emacs. Он предоставляет подсветку синтаксиса для основных языков, а также инструменты тестирования и отладки.
Этот редактор пытается совместить сильные стороны Vim и Emacs, позволяя пользователям выбирать предпочтительный для них стиль редактирования.
SpaceMacs создан с учетом четырех основных принципов: мнемоники, понятности, последовательности и способности к конфигурации большим количеством людей.
Таким образом, используя SpaceMacs, вы можете быть уверены, что каждое сочетание клавиш организовано при помощи последовательных, мнемонических префиксов (например, «p» означает «project»). Благодаря этому использование редактора становится интуитивно понятным.
У SpaceMacs очень активное и услужливое сообщество, к которому вы можете присоединиться, чтобы получить помощь и помогать другим людям.
7. Notepad++
Notepad++ это развитый редактор кода, выпущенный в 2003 году и доступный только на платформе Windows.
Он не только прошел проверку временем, но также и стал вторым по популярности редактором кода в опросе StackOverflow за 2017 год. Им пользуются больше 34% разработчиков.
Notepad++ очень быстрый. Он поддерживает разнообразные языки программирования прямо из коробки, но широко известен как отличный редактор для HTML-кода.
Среди его особенностей можно назвать редактирование в разных вкладках, поддержку внешних плагинов, таких как макросы, умную подсветку синтаксиса, интеграцию компилятора, автодополнение и проставление отступов.
8. Brackets
Brackets это кросс-платформенный редактор с открытым исходным кодом, разработанный и выпущенный Adobe под лицензией MIT.
Он был создан с нуля специально для веб-дизайнеров и фронтенд-разработчиков, работающих преимущественно с JavaScript, HTML и CSS.
Brackets также поставляется с основными стандартными свойствами, включая автодополнение, подсветку синтаксиса для многих языков программирования, поддержку быстрого редактирования и разнообразных препроцессоров.
К его отличительным особенностям можно отнести опцию предпросмотра Live Preview. С ее помощью разработчик может открыть текущий документ в Chrome и просматривать, как этот документ отображается в браузере.
В Brackets также есть свойство «extract», позволяющее разработчикам подтягивать цвета, размеры, градиенты, шрифты и другие важные данные из PSD-файла в готовый к использованию CSS-файл.
Наконец, Brackets очень хорошо настраивается, а его основной функционал можно увеличить с помощью расширений, доступных в официальном реестре.
9. TextMate
TextMate считается «недостающим редактором» для Mac OS, сочетающим графический пользовательский интерфейс и системную структуру UNIX.
Несмотря на то, что TextMate имеет открытый исходный код, это коммерческий продукт, выпускаемый под лицензией BSD. Его цена – $60.
По умолчанию этот редактор имеет собственный мощный функционал, включая поиск и замену, выбор колонок, сворачиваемые блоки кода, дополнение кода, базовая подсветка синтаксиса для десятков языков программирования и многое другое.
TextMate также имеет преимущества в виде сильного сообщества и доступной документации. Плагины и темы есть как официальные, так и представленные пользователями.
10. Coda 2
Coda 2 это хороший редактор кода для Mac OS и iOS. Он разработан и выпущен Panic Inc — компанией, которая дала нам Transmit, Prompt и, наконец, Firewatch (игра с местом действия в пустынях Вайоминга).
Этот редактор стоит $99, но в течение 7-дневного пробного периода можно пользоваться бесплатно.
Coda это мощный редактор кода, спроектированный с мыслями о производительности и эффективности. У него современный и интуитивно понятный пользовательский интерфейс. Программа поставляется с такими функциями как дополнение кода, подсветка синтаксиса для различных языков, поддержка MySQL, локальная индексация и т. д.
Редактор имеет встроенный функционал для открытия и управления вашими локальными и удаленными файлами, а также встроенный терминал для быстрого доступа. В плане документации и поддержки Coda также не пасет задних – у редактора есть очень активное сообщество.
Если функционала, установленного по умолчанию, вам недостаточно, вы можете выбрать плагины для его расширения. Они разрабатываются как Panic Inc., так и сообществом.
Заключение
Выбор лучшего редактор кода всегда субъективен. Но я думаю, что лучше всего перепробовать их все по нескольку дней, чтобы понять, какой подходит именно вам.
Как только вы найдете подходящий для себя редактор, остановите на нем свой выбор и изучите его вдоль и поперек. Таким образом вы дадите ему шанс доказать, что это действительно лучший редактор, обеспечивающий вам самую высокую продуктивность в работе.
Перевод статьи «VS Code vs Atom — how to decide?».
Я думаю, каждый согласится, что есть одна вещь, которая программисту абсолютно необходима (и это не компьютер – это было бы уж слишком очевидно). Я говорю о программном обеспечении – редакторе кода. Он может быть консольным или с графическим интерфейсом, это может быть целая IDE или что-то попроще, но он всегда необходим!
Что касается меня, я в основном занимаюсь веб-разработкой, так что мне не нужно ничего особенного. В экосистеме JS все инструменты достаточно интуитивны и легки в использовании, поэтому у меня нет необходимости в какой-то особенной IDE. Но когда речь заходит о комфорте работы, это совсем другая история. То, что мне не нужна IDE, не помешало мне перепробовать больше десятка редакторов кода – простых, IDE, VIM-образных и т. д. – просто чтобы найти самый удобный для меня. И на это у меня ушло порядочно времени…
Короче говоря, я остановился на VS Code, но у меня также установлены три других редактора кода, понравившихся мне больше всего, – WebStorm, Sublime Text и Atom. Поскольку первые два из них платные, а функционал у них примерно такой же, как у VS Code и Atom, большинство людей будут выбирать между последними.
Небольшое предисловие
Раз вы читаете этот пост, могу поспорить, что вы уже что-то знаете об Atom и VS Code. Но если кто-то слышит о них впервые, вот небольшая справка.
Оба этих редактора кода являются программным обеспечением с открытым исходным кодом. VS Code это детище Microsoft, а Atom – разработка GitHub. В основе обоих этих редакторов лежит Electron – фреймворк для создания «нативных» десктопных приложений с помощью веб-технологий (HTML, CSS, JS) и Node.js. Под «нативными» я подразумеваю заранее подготовленную связь с Chromium – чем больше Chromium-ов, тем лучше, верно? Предполагается, что эти редакторы кода подходят для использования с различными языками программирования, но в том, что лучше всего они подходят для веб-разработки, вообще сомневаться не приходится (особенно с учетом того, как они сами были созданы).
Оба редактора имеют современно выглядящий пользовательский интерфейс, продвинутую подсветку синтаксиса и хорошо разработанные системы расширений и тем. Сейчас мы сравним эти два редактора, но сначала…
atom.io
Немного истории
С исторической точки зрения, первым появился Atom. Его релиз состоялся в 2014 году. Atom был первым ПО, построенным при помощи Electron (который в то время назывался Atom Shell). Собственно, для него сам Electron изначально и создавался. Вскоре после выхода в свет этот редактор начал приобретать все большую популярность. Atom стал полностью опенсорсным, включая Electron (поначалу открытый исходный код имели только некоторые части Atom).
То, что исходный код Electron стал открытым, привело к созданию множества различных приложений, которые в наше время ежедневно используются многими людьми. И одно из таких приложений (да, вы угадали!) – VS Code. Редактор кода, который изменил опыт разработки в целом.
Несмотря на то, что в основе своей эти два редактора очень схожи, VS Code заслуженно занимает первое место, особенно, если в расчет берется производительность. С течением времени все больше и больше пользователей выбирали не Atom, а VS Code. Вследствие этой популярности VS Code может похвастаться отличным сообществом и солидной пользовательской базой.
Согласно опроса Stack Overflow за 2018 год, VS Code является самым популярным инструментом разработки во всех категориях. Вместе с тем, Atom тоже довольно широко используется.
Но после того как Microsoft приобрел GitHub положение редактора Atom ухудшилось. Несмотря на то, что это опенсорсное ПО, разрабатываемое сообществом, вклад создателей GitHub составлял существенную часть всей его кодовой базы. И хотя в последнее время Microsoft становится более открытой компанией, поддерживающей свободное ПО, кажется не слишком целесообразным поддерживать два похожих инструмента, если один из них лучше другого, не так ли? Поживем – увидим. По состоянию на данный момент Atom по-прежнему живет и здравствует, так что сравнение его с VS Code имеет смысл.
Дизайн
Давайте начнем наше сравнение с наиболее «противоречивой» категории – дизайна. Я знаю, что в этой сфере личные предпочтения могут играть большую роль, но попытаюсь изложить собственное мнение на этот счет.
Итак, оба редактора – Atom и VS Code – выглядят хорошо изначально, сразу после установки. Такой эффект легко достигается использованием под их капотом HTML и CSS. Они оба имеют приятный минималистичный дизайн (темный или светлый), а также широкий выбор тем. Опять же, благодаря CSS, вы можете легко создавать свои собственные темы для обоих редакторов или использовать те, которые предусмотрены в реестре расширений – их множество!
По моему мнению, хорошо спроектированный пользовательский интерфейс не должен вас отвлекать или заставлять лишний раз задумываться. Вот почему, пользуясь Atom или VS Code, я всегда использую похожие темы на основе Material Design от Google. Такую тему несложно найти: лучшие варианты для обоих редакторов наиболее популярны и имеют наибольшее количество скачиваний.
Но вместе с тем, мне всегда казалось, что Atom Material UI выглядит приятнее (для меня), чем Material Theme для VS Code. В сочетании с общим макетом интерфейса Atom-а эта тема имеет более чистый вид даже в сравнении с VS Code, который тоже очень привлекателен. Также, хотя это больше касается тем, чем самих редакторов, в Atom Material UI разработчики куда лучше поработали с контрастностью, особенно в светлой версии, которую я очень часто использую.
Впрочем, напоминаю, что все это дело вкуса и вы можете вообще со мной не согласиться. Но в любом случае, в этой категории очки уходят к Atom.
VS Code
Производительность
Разные люди по-разному отзываются о производительности приложений на базе Electron. Говорят, что они медленные, потребляют много памяти и т. д. И хотя я не могу отрицать что в этих суждениях есть доля правды, не все приложения непременно имеют одинаковые проблемы с производительностью. Конечно, если вас интересует производительность в чистом виде, я бы порекомендовал вам платный Sublime Text: в настоящее время это один из самых быстрых редакторов кода на рынке (но поскольку здесь мы обсуждаем Atom и VS Code, можете считать это лирическим отступлением). В целом, оба наших редактора проигрывают в производительности Sublime Text и WebStorm (IDE). Но каковы они в сравнении друг с другом?
Даже с учетом того, что Atom появился первым, каждый, кто хотя бы немного использовал оба этих редактора, должен согласиться: VS Code попросту быстрее. Все, что касается VS Code, работает быстро, гладко и с высокой производительностью. Как же Electron может быть быстрее, чем… Electron?
Все дело в оптимизациях и расширениях. Для обоих редакторов есть огромное количество сторонних расширений, тем и инструментов, благодаря которым вы можете все настроить в соответствии с вашими нуждами. И хотя эти расширения очень массово используются, они определенно влияют на производительность редактора в целом. Лучшим примером могут служить маленькие пометки в центре расширений Atom, показывающие количество времени, на которое увеличится время загрузки при установке этих расширений. Люди, стоящие за VS Code, просто лучше справились с задачей, сделав все эти расширения (или скорее архитектуру за ними) менее прожорливыми.
Естественно, разработчики Atom признают наличие этой проблемы и постоянно улучшают свой продукт. В последнее время они работали над просмотрщиком файлов в Atom и достигли впечатляющих результатов! Они сильно улучшили время поиска (это особенно заметно в крупных проектах) при помощи regex-библиотеки на базе Rust. В общем, я лишь могу надеяться, что работа над улучшением производительности будет продолжаться, и в конце концов производительность Atom выйдет на уровень, предлагаемый VS Code.
Экосистема
И VS Code, и Atom имеют собственные системы расширений и тем. Давайте вкратце пробежимся и по ним! Если вам интересна сухая статистика, я думаю, вы будете рады услышать, что оба эти редактора имеют примерно по 11-12 тысяч опубликованных расширений и тем. При этом лишь немного лидирует VS Code.
Реестры расширений доступны через редакторы и на сайтах (вот для Atom, а вот для VS Code). Вы можете легко установить любое расширение, кликнув по кнопке. Вам даже не понадобится перезапускать редактор (это касается как Atom, так, с недавних пор, и VS Code). Удалять расширения так же просто.
Как видите, с точки зрения пользователя система расширений максимально проста. Но как насчет разработчиков расширений? Документация обоих редакторов кода (вот для Atom, а вот для VS Code) предоставляет подробные и глубокие руководства. Но если их сравнить, я думаю, документация Atom более дружественна к начинающим, чем документация VS Code. Может, это потому, что у VS Code более сложная архитектура в том, что касается расширений. В общем, если вы хотите создать свое первое расширение, пожалуй, лучше начать с Atom. Так вы сможете разобраться, что к чему, прежде чем перейти к VS Code.
Atom
Настройка
Большое количество расширений и кастомизаций предполагают большое количество конфигурационных настроек. И можете со мной не согласиться, но я считаю, что в редакторах кода это важная часть пользовательского опыта.
Конфигурация VS Code включала лишь простой JSON-файл… до недавних пор. Теперь, где только возможно, есть GUI-интерфейс. Он очень прост, но справляется со своими задачами, притом хорошо. Это лишь небольшая абстракция поверх того, что у нас уже было с JSON и автозаполнением на базе TS.
Что касается Atom, дела обстоят несколько иначе. Вместо того чтобы редактировать единичный JSON-файл, у вас повсюду графический пользовательский интерфейс! Настройки самого редактора полностью отделены от расширений, каждое из который имеет собственную страницу. Я считаю, что это довольно хороший подход. К сожалению, многие пользователи сообщают о лагах и прочих проблемах с производительностью в ходе процесса конфигурации. Может, у них просто установлено слишком много расширений? Лично я с такими проблемами не сталкивался, возможно, потому что у меня расширений довольно мало, хотя кто знает?
Пользовательский опыт
А теперь давайте еще раз проанализируем уже сказанное (с небольшими дополнениями), чтобы понять, каковы в целом ощущения от использования каждого из этих редакторов.
Хотя Atom великолепно выглядит благодаря своему минималистичному UI (по крайней мере, мне так кажется), производительность VS Code одним хорошим дизайном не побьешь. А ведь VS Code тоже приятен на вид! Оба редактора имеют огромные коллекции расширений и очень простые способы настройки.
Но я до сих пор не говорил о «комфорте разработки» в целом. Под этим понятием я имею в виду то, насколько приятно писать код при помощи данного редактора. Поскольку я не могу судить о языках помимо JavaScript, вот мое мнение как веб-разработчика: VS Code круче!
VS Code
Думаю, это ни для кого не сюрприз. Поскольку и этот потрясающий редактор кода, и TypeScript, расширяющий возможности JavaScript, созданы одной компанией (Microsoft), эти продукты просто обречены хорошо работать вместе! И они действительно отлично сработались, поскольку TS обеспечивает автозаполнение и все так называемые функции «intellisense», о которых без TS вы можете только мечтать. У Atom есть собственные расширения для этих задач, но им еще предстоит пройти долгий путь, прежде чем они смогут достичь тех же результатов, которые в настоящее время предлагает VS Code.
Но и у Atom есть пара тузов в рукаве. Самый важный, как по мне, это интеграция с GitHub. Этот функционал довольно предсказуем, с учетом того, что именно эта компания разрабатывала Atom. До сих пор VS Code имел достаточное количество расширений, связанных с GitHub, но ни одно из них не могло повторить то, что предлагает Atom. Тем не менее, в связи с тем, что Microsoft приобрел GitHub, все может начать меняться.
Процесс принятия решения
Это было мое субъективное и объективное мнение об Atom и VS Code. Для разработчика, особенно начинающего, выбор может быть довольно затратным по времени процессом, так что я советую вам просто попробовать оба редактора, чтобы в итоге остановиться на каком-то одном из них. И даже после этого помните, что ваш выбор не обязательно должен оставаться неизменным.
Сокращенный перевод статьи «23 Of The Best IDEs For Web Development».
Photo by Joan Gamell on Unsplash
Хороший редактор кода или интегрированная среда разработки (IDE) способны серьезно облегчить работу программиста. При этом список доступных на данный момент редакторов и IDE для веб-разработки очень велик и продолжает расти. Чтобы помочь вам выбрать подходящий инструмент, мы составили список из 21 пункта (просто чтобы с годом созвучно было). Все редакторы и IDE, о которых пойдет речь ниже, имеют сходный базовый функционал, но при этом каждый из них обладает какими-то отличительными чертами, благодаря которым разработчики выбирают именно его.
Visual Studio Code
Visual Studio Code это редактор исходного кода, уже традиционно лидирующий в рейтингах популярности у разработчиков. Он создан компанией Microsoft и доступен для Windows, Linux и macOS. Этот редактор прост в использовании и существенно ускоряет процесс кодинга. Среди его дополнительных достоинств стоит отметить большое сообщество и отличную поддержку.
- автодополнение (Intellisense)
- импортируемые модули
- интеграция с GitHub
- широкий выбор тем
- отличные встроенные шаблоны
- интегрированные инструменты для тестирования кода
- доступна система контроля версий.
Eclipse
Eclipse — свободная IDE, отлично подходит в числе прочего и для веб-разработки. Доступна Windows, Linux и macOS, поддерживает множество языков, а на Eclipse Marketplace можно найти практически бесконечное число расширений и возможностей для тонкой настройки.
- доступен встроенный отладчик
- потрясающая поддержка плагинов для расширения функциональности
- хорошая поддержка языков программирования
- доступна интеграция с Git
- имеет быстрый компилятор.
Brackets
Brackets — очень легковесный и шустрый редактор кода для веб-разработки, доступный для Windows, Linux и macOS. Возможно, это единственный редактор, созданный именно для веб-разработчиков. Brackets поддерживает огромное число плагинов.
Этот редактор создан Adobe Systems. Он имеет открытый код и распространяется совершенно бесплатно. С его помощью вы сможете писать программы на самых разных языках, включая Perl, Ruby, Python.
- окно просмотра результатов работы в режиме реального времени
- поддержка препроцессора
- встроенный отладчик JavaScript
- поддержка тысяч плагинов, причем система плагинов отличается высокой безопасностью
- доступен функционал быстрого редактирования
- возможна совместная работа над кодом с другими разработчиками
- есть функция сворачивания кода и подсветка синтаксиса.
WebStorm
WebStorm — очень популярная IDE для веб-разработки. Ее часто используют для создания самых современных веб-приложений, потому что она позволяет использовать всю мощь экосистемы JavaScript. В этой IDE вы получите умное дополнение кода, молниеносное обнаружение ошибок, хорошую навигацию и функции рефакторинга для популярных фреймворков.
WebStorm создана JetBrains и доступна для Windows, Linux и macOS. Эта IDE пользуется популярностью среди разработчиков благодаря хорошей поддержке языков (в том числе языков бэкенда), отличному встроенному функционалу и простоте использования.
- встроенный отладчик
- встроенные инструменты тестирования
- определение синтаксических ошибок
- интеграция с Git
- продвинутая помощь в программировании с применением современных веб-фреймворков, таких как React и Vue
- анализ результатов для обеспечения наилучшей компиляции
- мощные, настраиваемые функции
- хорошие шаблоны
- интеграция с Mercurial
- отличная поддержка плагинов.
Atom — трендовый редактор кода, разработанный сообществом GitHub. По сути это десктопное приложение, построенное с использованием веб-технологий. Поскольку это продукт самой популярной платформы для коллективной разработки, Atom пользуется большой поддержкой сообщества, которое прислушивается к фидбэкам и реагирует на них.
Atom имеет отличный функционал. Он бесплатный и доступен для Windows, Linux и macOS.
- отличный пользовательский интерфейс обеспечивает простоту использования
- поддержка совместной работы нескольких разработчиков
- доступно большое количество дополнительных пакетов для удовлетворения самых разных нужд
- встроенный функционал автодополнения и советов
- открытый исходный код.
Xcode
Xcode — богатая функционалом IDE для веб-разработки и других целей, доступная только для macOS. Xcode можно полностью интегрировать с Cocoa м Cocoa Touch, что позволяет пользователям создавать инструменты операционной системы. Инструменты командной строки (CLT), включенные в Xcode, делают возможной разработку в UNIX-стиле через приложение Terminal.
- использование преимуществ LLVM-компилятора
- есть конструктор интерфейса
- умный анализатор для анализа кода
- множество инструментов для веб-разработки
- для тестирования можно использовать инструмент командной строки.
IntelliJ IDEA
IntelliJ, созданная главным образом для языка программирования Java, является одной из лучших IDE для веб-разработки. Она имеет прекрасную поддержку плагинов и языков, применяющихся в веб-разработке (HTML, CSS, Ruby, Python и т. д.). Это надежная IDE с богатым встроенным функционалом. Дополнительный плюс — обширное сообщество, которое сможет вам помочь в случае возникновения проблем.
- интеграция с Git
- поддержка нескольких систем сборки
- интегрированные инструменты деплоймента на сервер
- встроенные инструменты автодополнения и предложений
- поддержка многочисленных языков
- встроенный анализатор дубликатов кода
- поставляется с редактором баз данных.
Sublime Text
Sublime Text — платный редактор кода для веб-разработки, весьма популярный на сегодняшний день. Доступен для Windows, macOS и Linux.
Sublime Text быстрый, имеет множество полезных инструментов, поддерживает Python, C и все языки веб-программирования. Поддержка плагинов позволяет улучшить функционал редактора по своему вкусу.
- встроенная система автодополнения и предложений
- функция Go-To для быстрого перемещения между файлами
- редактор очень настраиваемый
- палитра команд позволяет осуществлять многие действия, пользуясь лишь клавиатурой
- огромный репозиторий плагинов на все случаи жизни.
AWS Cloud9
AWS Cloud9 — облачная IDE для веб-разработки, принадлежащая AWS или Amazon. AWS Cloud9 запускается только через AWS-аккаунт, а значит, вы сможете ею воспользоваться только если являетесь клиентом AWS. Поскольку AWS Cloud9 — облачный редактор, он недоступен в виде приложения, которое вы могли бы запустить в своей системе, и требует постоянного подключения к интернету. С другой стороны, все это избавляет вас от проблем с совместимостью, ведь для работы вам нужен только браузер и интернет.
- автодополнение кода
- поддержка плагинов
- встроенный анализ языка в режиме реального времени
- есть возможности кастомизации
- встроенный отладчик
- встроенный терминал, поддерживающий UNIX-подобные команды
- доступна среда для совместной работы над кодом.
NetBeans
NetBeans — бесплатная IDE с поддержкой многих языков программирования. Она используется с 1997 года и с тех пор успела развиться во всех направлениях. NetBeans доступна на 28 языках, что делает ее удобной для людей, не владеющих английским.
Помимо языков веб-разработки NetBeans можно использовать для работы на C, C++ и Java. Запускается эта IDE на Windows, macOS, Linux и Solaris. Дополнительное преимущество NetBeans в том, что расширять приложения на ее основе могут и сторонние разработчики.
- полная поддержка плагинов
- встроенная подсветка кода
- встроенные инструменты рефакторинга
- простая навигация по проектам помогает одновременно работать над несколькими задачами
- для ускорения процесса разработки есть функция перетаскивания
- интегрированный отладчик.
PyCharm
PyCharm — IDE, разработанная JetBrains. Исходя из названия, можно подумать, что она ориентирована исключительно на Python, но, к счастью, это не так. PyCharm может работать со многими языками, включая языки веб-разработки, хотя лучше всего работает с Python.
Эта IDE — прекрасный выбор, если вам нужен бесплатный инструмент и если вы занимаетесь разработкой бэкенда на Python. PyCharm, будучи кроссплатформенной IDE, доступна для Windows, macOS и Linux.
- облегчение интеграции с Git, Mercurial и SVN
- встроенные отладчики для Javascript, Python и Django
- легкость настройки
- простота навигации по файлам и проектам
- быстрый рефакторинг кода
- встроенный функционал для работы с серверами баз данных
- репозитории, богатые плагинами.
Code::Blocks
Очень легковесная IDE для веб-разработки, а также для программирования на C, C++, Fortran и т. д. Code::Blocks поставляется в большим количеством компиляторов. Может использоваться на Windows, Linux и Solaris.
- много компиляторов
- осуществляет рефакторинг кода
- есть умное автодополнение
- сворачивание кода
- простой пользовательский интерфейс
- поддержка множества плагинов
- отладчики с анализом брейкпоинтов
- поддержка многопользовательской разработки.
GNU Emacs
GNU Emacs — редактор кода с базовым пользовательским интерфейсом, но очень полезным функционалом. Он принадлежит к семейству редакторов, славящихся своей расширяемостью. На GNU Emacs часто обращают внимание люди, умеющие работать с редактором Vim. Этот редактор подойдет тем, кому по сути не нужна помощь редактора и кто предпочитает набирать код самостоятельно.
Codelobster
Codelobster — интегрированная среда разработки, созданная главным образом для работы с PHP. Сегодня она поддерживает также HTML, CSS и JavaScript. Есть возможность загрузки плагинов для Drupal, Joomla и т. д. Codelobster доступна в бесплатной и платной версиях.
- встроенная подсветка синтаксиса
- умное автодополнение с проверкой синтаксиса
- есть платная поддержка плагинов для основных фреймворков и языков
- встроенный веб-инспектор для проверки элементов
- легкое управление документами.
Komodo Edit
Komodo Edit — бесплатная альтернатива для платной Komodo IDE. Это очень мощный редактор с хорошей поддержкой языков веб-разработки. Komodo Edit работает в операционных системах Windows, Linux и macOS.
- интеграция с другими технологиями, такими как Docker
- легкость настройки
- возможность совместной работы над кодом в команде
- встроенные инструменты рефакторинга
- функция автодополнения
- поддержка Unicode
- поддержка дополнений для популярных технологий.
Codeanywhere
Codeanywhere — облачная IDE, позволяющая разработчикам запускать проекты веб-разработки и сразу же их редактировать. Codeanywhere написана на JavaScript. Используя эту IDE, вы сможете запускать в ней код, находящийся на вашей виртуальной машине, через SSH и FTP.
- интеграция с Git, GitHub и Bitbucket
- поддержка облачных сервисов внутри самой IDE
- встроенный отладчик
- умное распознавание ошибок
- встроенный терминал для запуска команд
- доступна поддержка сторонних серверов.
PHPStorm
PHPStorm многие считают самой лучшей IDE для веб-разработки. Несмотря на название, PHPStorm поддерживает не только PHP, но и HTML, CSS, Javascript и другие языки. Эта IDE настоятельно рекомендуется разработчикам, работающим с WordPress, Drupal, Magneto.
PHPStorm доступна для Windows, Linux, а также macOS.
- встроенный отладчик
- очень легкий в использовании, просто отличный UI
- простая интеграция с фреймворками и CMS, такими как WordPress
- доступен рефакторинг кода
- есть поддержка MySQL
- умное автодополнение кода
- доступно юнит-тестирование на PHP или фреймворках на основе PHP
- встроенный интерфейс командной строки.
Aptana Studio 3
Интегрированная среда для веб-разработки, созданная Aptana Inc. Имеет открытый исходный код, доступна для Windows, Linux и macOS.
Aptana Studio 3 поддерживает широкий спектр языков, включая Ruby, Python и PHP. Эта IDE прекрасно подходит для веб-разработки и имеет хороший функционал для отладки и компиляции кода, а также интегрированную документацию.
- встроенная поддержка отладчика
- умный анализатор синтаксиса для обнаружения синтаксических ошибок
- автоматическое форматирование кода
- интегрированный мануал по PHP и деплойменту
- есть поддержка плагинов
- доступна работа в командной строке.
Bluefish
Bluefish — вероятно, самый универсальный редактор кода в нашем списке. Он быстрый и легковесный, поддерживает много языков (C, C++, HTML, Java, JavaScript и пр.) — в общем, прекрасно подходит для веб-разработки. Использовать его можно бесплатно. Bluefish — кроссплатформенный (Windows, Linux, Solaris и macOS).
- встроенная поддержка 20 языков программирования, включая GO, D и Perl
- доступен на 17 языках
- можно одновременно открывать 500 документов
- неограниченные возможности отмены и возврата отмененных действий
- для кастомизации доступно много плагинов
- есть функция сворачивания кода
- умное автодополнение и проверка синтаксиса
- автовосстановление
- функция быстрого поиска и замены.
Codepen
Хотя Codepen — это онлайн-сообщество для веб-разработчиков, основной функционал его сайта — интегрированная среда для веб-разработки. Codepen полностью облачный, а значит, для работы вам потребуется только браузер и подключение к интернету. Помимо того, что средой Codepen можно пользоваться как редактором кода, это еще и прекрасная учебная среда для начинающих разработчиков, где они могут создавать сниппеты кода.
- поддержка сообщества
- возможность легко поделиться кодом с кем угодно
- просмотр результатов кодинга в режиме реального времени.
CKEditor
CKEditor — это WYSIWYG-редактор, написанный на JavaScript. Он позволяет писать код прямо внутри веб-страницы и разрабатывать веб-приложение, находясь в нем же. Поддерживает все языки веб-программирования.
- встроенная проверка правописания
- автодополнение и проверка синтаксиса
- поддержка @-упоминаний для совместного редактирования и разработки
- высокая настраиваемость.
Заключение
Все IDE и редакторы в нашем списке имеют надежный, проверенный функционал. Большинство из них доступны для бесплатного использования. Если вы занимаетесь веб-разработкой, эти инструменты могут облегчить вашу работу и улучшить навыки программирования.
Программисты много времени проводят за написанием и отладкой кода. Для того чтобы написать рабочий код, хватит простого приложения, которое умеет редактировать текстовое содержимое файла. Но так писать код сложно, долго, и в процессе разработки допускается множество ошибок, которые впоследствии тяжело найти.
Существуют как платные редакторы, так и бесплатные. На сегодняшний день наиболее популярные из них: Visual Studio Code, Sublime Text, Atom, WebStorm.
Что умеют редакторы кода
Подсветка синтаксиса
Выделение однотипных конструкций отдельным цветом помогает быстрее визуально найти нужный участок кода. Это делает код более читаемым и понятным для разработчика.
Автоматические отступы
При написании кода не хочется самому после переноса строки отбивать нужную вложенность. К счастью, этот процесс зачастую автоматизирован. При переносе строки программа автоматически выставит уровень вложенности.
Файл, в котором корректно выставлена вложенность, легко читается, также это даёт программе возможность скрывать блоки кода. Например, чтобы лучше видеть границы участка и случайно не затронуть соседние, можно удобно сгруппировать блоки кода и оставить видимым только тот, который нужен.
Автодополнение
Во время разработки часто приходится искать справочную информацию. Благодаря встроенной возможности автодополнения можно не тратить на это время. Программа на ходу анализирует написанный код и предлагает варианты продолжения.
Также можно быстро получить справочную информацию по нужной конструкции, узнать о количестве аргументов, которые принимает в себя функция и многое другое.
Разделение рабочей области
Рабочую область редактора можно разделить на два и более секторов. Например, так можно разделить файл разметки и стилей, для того чтобы не тратить время на переключение между проектами и папками.
Мини-карта
Для удобной навигации в документе можно использовать миникарту. Обычно она находится в правой колонке и отображает структуру файла. При нажатии на миникарту отобразится нужная часть документа.
Внешний вид
Для тех, кто любит настраивать инструмент под себя, в настройках есть множество регулировок: можно изменять размер шрифта, цветовые схемы, правила переноса текста и многое другое. Это поможет сделать процесс разработки ещё комфортнее.
Проекты
Для того чтобы каждый раз не искать в системе расположение рабочей папки, можно сохранить эту информацию в редакторе, создав проект. При работе это удобно тем, что позволяет оперативно переключаться между ними.
Для разных редакторов выделение проектов даёт дополнительные возможности. К примеру, если создать проект в WebStorm, то программа считает всё содержимое директорией проекта. После анализа редактор будет выдавать подсказки, например, что ссылка ведёт на несуществующий файл.
Такой анализ даёт возможность безопасно проводить рефакторинг кода, удалять файлы и прочее.
Плагины
Помимо выполнения основной функции — предоставления комфортных условий для написания кода — редакторы могут включать в себя функциональность сторонних приложений. Это делает из простой программы интегрированную среду разработки. В базовую версию у разных редакторов входит разное количество таких приложений.
Обогатить функциональность можно через добавление плагинов. Рассмотрим некоторые подобные возможности.
Система контроля версий
Работать с системой контроля версий для разработчика — обычное дело. Часто все команды прописываются и выполняются через консоль. Для ускорения процесса разработки часть рутинных операций, такие как push , pull , commit и другие можно выполнять через редактор.
Помимо этого, программа может подсказать, в каких местах были произведены изменения, и как поменялся код по сравнению с предыдущей версией.
Также в удобной форме можно посмотреть: историю коммитов, кто, когда и как изменял файлы и многое другое.
К примеру, через Atom или WebStorm можно сделать commit изменений, выполнить push в удалённый репозиторий и после создать pull request в сервисе GitHub. И все эти действия делаются в рамках редактора.
Возможности редактора при работе с Git.
Emmet
Во многие редакторы по умолчанию встроен плагин emmet. С его помощью можно из короткой строки развернуть большой кусок кода.
Используя подобную технику можно в разы ускорить написание разметки.
Консоль
В процессе разработки часто приходится использовать консоль, чтобы установить какую-то зависимость, запустить локальный сервер или для других действий. Во многих редакторах в базовую версию добавлена консоль и её можно открывать внутри программы.
Консоль.
Дебаггер
Ещё один удобный инструмент — встроенный дебаггер, позволяющий отлаживать код. Можно выставлять точки останова и искать, в каком месте программы происходит неожиданное поведение.
Отладчик.
Единый стиль написания кода в команде
При работе над проектом в команде важно использовать единый стиль написания кода. Иначе будет путаница и тяжелее будет понимать, что писал до тебя другой разработчик. Это проблему помогают решить различные инструменты:
- Через editorconfig можно прописать часть настроек для редактора. Например, выбрать, с помощью чего производить отступы — табы или пробелы, указать тип окончания строк и прочее;
- Через плагин eslint редактор на лету может проверять JavaScript код на соответствие заданным правилам. В случае ошибки редактор укажет на место, где была допущена ошибка, и расскажет, какое правило нарушено.
Библиотека плагинов
Какая-то часть из вышеперечисленного по умолчанию встроена в редакторы, а какую-то нужно добавлять, устанавливая плагины. У всех программ, которые рассматриваются в этой статье, есть возможность интегрировать плагины непосредственно в среду разработки.
Также большое значение имеет количество людей, которое использует редактор. Чем популярнее приложение, тем больше сторонние разработчики создают и обновляют плагины для него. А это, в свою очередь, положительно сказывается на опыте использования инструмента конкретным пользователем.
Горячие клавиши
Практически для всех действий в редакторах есть горячие клавиши. Знание этих комбинаций повышает скорость разработки. Стоит их изучить, хотя бы для того, чтобы понять, какие ещё возможности даёт редактор.
Sublime Text 3
Расширения для редактора
Для Sublime Text 3 написано множество пакетов, которые делают работу в редакторе более комфортной. Далее рассмотрим ряд таких расширений и посмотрим, как их устанавливать в программу.
Для того чтобы добавить пакет, нужно открыть интерфейс для ввода команд. Сделать это можно через пункт меню Tools → Command Palette или вводом горячих клавиш command (control) + shift + p . После этого в интерфейсе для ввода команд нужно выбрать пункт Package Control: Install Package
После этого программа покажет список пакетов. Здесь можно выбрать и установить нужный пакет. Посмотреть подробное описание каждого расширения для Sublime Text 3 можно на сайте Package Control.
Установка расширений в Sublime Text 3.
Условно пакеты можно разделить на несколько типов.
Ускоряющие разработку:
-
. Плагин, ускоряющий написание разметки и стилей. . Дополнительно добавляет подсветку границ скобок, элементов и прочего. Помогает лучше ориентироваться в коде.
Добавляющие функциональность:
-
. Увеличивает количество действий, которое можно сделать в боковой панели при работе с файлами и папками. . Делает редактор «умнее». Добавляет автодополнение для разных языков и другие полезные возможности. и GitGutter. Добавляют интеграцию с системой контроля версий Git в редактор. . Полезный пакет для настройки параметров редактора.
Проверяющие синтаксис:
Сперва для редактора следует установить пакет SublimeLinter. Также на компьютере должен быть установлен Node.js. После этого нужно установить интересующие плагины для проверки. В большинстве они называются SublimeLinter-нужный пакет . Например:
-
. Проверяет JavaScript-код. Для работы нужно глобально установить npm-пакет eslint . Подробнее в инструкции по ссылке. . Проверяет CSS. Для работы нужно глобально установить npm-пакеты: postcss и stylelint .
Изменяющие внешний вид:
Если недостаточно стандартных встроенных тем, то можно установить дополнительные. Примеры тем можно посмотреть на официальном сайте.
Продукт, произведённый командой GitHub Inc. Приятный на вид, кроссплатформенный бесплатный редактор. Имеет встроенную интеграцию с Git и GitHub.
Расширения для редактора
Для того чтобы установить пакет в Atom, нужно перейти в настройки редактора и выбрать пункт Install . После этого в поле ввода нужно ввести название интересующего расширения.
Установка расширений в Atom.
Список популярных расширений можно посмотреть на официальном сайте.
Условно плагины можно разделить на несколько типов.
Ускоряющие разработку:
Добавляющие функциональность:
-
. Добавляет поддержку миникарты в Atom. . Встраивает терминал в редактор. . Форматирует текст по заданным настройкам и приводит его к единообразию. . Полезный пакет для настройки параметров редактора.
Проверяющие синтаксис:
Для того чтобы редактор мог подсвечивать найденные ошибки, нужно установить плагин Linter. После этого нужно выбрать плагин, который добавляет проверку для конкретного языка. Например:
Изменяющие внешний вид:
-
— заменяет стандартные иконки файлов.
- Кастомные темы для Atom на официальном сайте.
Visual Studio Code
В базовой версии есть интеграция с Git и режим отладки кода. Поддерживает, в том числе и через дополнения, большое количество языков.
Расширения для редактора
VS Code в базовой версии содержит большое количество плагинов. К примеру, консоль, emmet и мини-карта в нём присутствуют с самого начала. Добавить новые пакеты можно через интерфейс программы. Для этого во вкладке активного меню нужно выбрать пункт extensions и в поле ввода ввести интересующий плагин. После этого его можно установить.
Установка расширений в VS code.
Посмотреть список популярных плагинов можно через интерфейс редактора, либо на официальном сайте. Рассмотрим ряд полезных плагинов, которые могут помочь при разработке. Условно их можно разделить на несколько типов.
Добавляющие функциональность:
- Для удобной работы с системой контроля версий Git можно добавить плагины Git History и GitLens. — добавляет редактору возможность работать с несколькими проектами. — синхронизирует настройки и установленные плагины между программами на разных компьютерах. — форматирует текст по заданным настройкам и приводит его к единообразию.
Проверяющие синтаксис:
Изменяющие внешний вид:
-
— заменяет стандартные иконки файлов.
- Посмотреть на кастомные темы для Vscode можно на официальном сайте.
WebStorm
Продукты JetBrains являются полноценными интегрированными средами для разработки. При минимальной настройке редакторы обладают большим количеством возможностей, на изучение которых нужно время. Базово имеет интеграцию с системами контроля версий, есть отладчик кода, статически анализирует содержимое проекта и в случае ошибок указывает на них.
Продукт платный и доступен к использованию по подписке, установить и оформить подписку можно здесь. Каждый из продуктов отвечает за определённую сферу. WebStorm, к примеру, больше подходит для фронтенд-разработки, а PHPStorm — для написания серверного кода на языке PHP.
Расширения для редактора
Из коробки редактор поддерживает большинство возможностей, которые рассматривались в этой статье. Однако, при необходимости можно обогатить функциональность программы через добавление расширений.
Это можно сделать через Настройки → Plugins . В этом меню отобразятся все плагины, которые установлены в программе.
Установка расширений в WebStorm.
Установить новые можно через пункт Install Jetbrains plugin . Из интересных можно выделить:
Вывод
У всех редакторов, которые мы рассмотрели, есть свои особенности и преимущества. При выборе программы стоит отталкиваться от задачи.
Если для работы важна скорость редактора, то тут лучшим выбором будет Sublime Text. Он легковесный и мало тратит ресурсов компьютера.
Если приоритетно удобство или вы совсем новичок в разработке, то тут хорошо подойдёт Atom. У него приятный интерфейс и хорошо проработана интеграция с сервисами Git и GitHub.
Для опытных разработчиков отличным решением будет WebStorm. Программа требует минимальных настроек для комфортной разработки и обладает богатой функциональностью.
Некоторой золотой серединой выступает VS Code. C одной стороны, он из коробки обладает большим количеством возможностей, с другой — интуитивно понятный и легко настраиваемый. При этом программа достаточно быстро работает.
Так как при разработке очень много времени приходится проводить в редакторе, стоит хорошо изучить его особенности, понять, что он умеет делать и как может помочь решить типовые задачи.
С опытом приходит понимание того, каким должен быть ваш рабочий инструмент. Современные программы обладают широким спектром особенностей и продолжают развиваться. Изучайте их и не бойтесь пробовать новое.
С таким количеством текстовых редакторов текста как сегодня, казалось бы, простая задача выбора одного редактора кода внезапно становится сложной.
Хотя прямой ответ на вопрос: «Какой лучший текстовый редактор для разработчика?» просто не существует, в этом посте я поделюсь с вами моим сравнением Atom’a с тремя наиболее популярными редакторами: Sublime, Visual Studio Code и Vim.
Прочитав список плюсов и минусов, я надеюсь, что у вас будет достаточно информации, чтобы сделать выбор, который наилучшим образом соответствует вашим потребностям.
Отказ от ответственности: как и при любом сравнении, некоторые из этих взглядов являются субъективными и в основном основаны на моих личных предпочтениях. Я — тот, кто пишет для Интернета (JS, CSS, HTML и т.д. ), Используя долгое время NotePad++, поэтому моя перспектива немного искажена в отношении того, к чему я привык. Тем не менее, я старался быть максимально объективным.
Стоимость: бесплатно (лицензия MIT)
Разработчик: GitHub
Платформы: OSX, Windows, Linux
Все дополнения которые нужно установить сразу после установки Atom:
Atom описывается как:
Текстовый редактор с хаками для 21-го века
Atom — относительный новичок в мире текстовых редакторов, но он получил огромный импульс, с тех пор как был впервые выпущен в 2014 году. Давайте начнем с рассмотрения его основных функций:
Пакеты
Возможность добавления дополнительных функций в редактирование очень важна, и это область, в которой Atom просто не повторим. Менеджер пакетов установлен по умолчанию и делает редактирование еще лучше, все пакеты размещены в Github.
На момент написания этой статьи было всего около 6 500 пакетов и доступных тем! Пакеты настолько фундаментальны для Atom, что основные функции, такие как Tree View и Settings View, — это просто предустановленные пакеты.
Редактирование и рабочий процесс
В общем, все в Atom довольно гладко. Самая большая болевая точка? Выяснение того, какие дополнительные пакеты необходимо установить при запуске с нуля.
Например, мне нравится миникарт, чтобы помочь мне визуально пропустить части файла. Мне также важно автозаполнение с помощью Autocomplete + .
Я часто работаю с несколькими файлами одновременно, поэтому необходимо настроить редактирование разделенной панели что весьма не плохо реализовано в Atom.
Еще одна приятная особенность Atom, которая скорее всего взаимствована из Sublime, — это поддержка файлов / папок, drag / drop в древовидном представлении — это настоящее удовольствие!
Наконец, интеграция git великолепна … это сделано GitHub в конце концов!
Настройка
Важное значение имеет возможность настройки редактора в соответствии с потоком и стилем разработки. Лично мне всегда нужно включить такие вещи, как «обрезку пробеов при сохранении», «сохранить потерянный фокус файла», которые легко настроить и переопределить в Atom.
В целом, мне нравятся, возможности настроек в Atom — возможность переопределять настройки для каждого типа файлов — это здорово! Например, разные отступы для JS или для CSS, HTML очень просты с Atom.
Заключение
Но все таки и в Atom’е есть свои недостатки, основной из них это время от времени, медлительность обработки файла. Иногда при открытии файла или переходе между вкладками происходят запаздывания, что чувствуется весьма болезненным (особенно когда вы находитесь в действии с полным размахом). Я пробовал Atom, когда он был впервые выпущен, производительность была проблемой. С тех пор он, безусловно, стал лучше, но проблема с “тормозамми” все еще существует.
Решение суда
Atom — отличный инструмент, особенно для тех, кто хочет легко настраивать свой редактор под себя и под все свои нужды. Веб-разработчикам, доступны свобода в настройке, добавление и расширение редактора, что дает невероятное чувство силы. Мне также нравятся его документы. Руководство Atom Flight Manual является отличной отправной точкой для новых пользователей.
Наибольший недостаток для меня все равно будет проблемой производительности, но для бесплатного редактора Atom мега крут и бесподобен!
Стоимость: $ 70 лицензионный сбор с бесплатной пробной версией
Разработчик: Джон Скиннер, бывший инженер Google
Платформы: OSX, Windows, Linux
Sublime был выпущен еще в 2007 году, так что уже почти десятилетие он радует своей работой программистов и другой “кодерский” люд. Согласно опросу разработчиков Stackoverflow 2016, это 3-я самая популярная среда разработки .
V3 Beta — это его последняя версия, и, хотя она уже давно находится в бета-версии, не позволяйте этому беспокоиться. Продукт на самом деле очень стабилен.
Пакеты
Любой пользователь Sublime скажет вам, что первый пакет, который они устанавливают, является плагином Sublime Package Control. Я думаю, мы все тайно надеемся, что Sublime 3 добавит это по умолчанию, но пока вам просто нужно перейти на страницу установки и скопировать какой-то непонятный Python и … Presto! Теперь вы можете легко установить любой пакет из Sublime.
Подобно Atom, у Sublime много пакетов и тем! Для меня важными являются:
-
: без этого переименование / перемещение / дублирование файлов не поддерживается. : добавить линт для разных языков — показывает статус git на левой стороне рядом с номерами строк.
Есть еще много на выбор. В целом, поддержка пакета Sublime очень хорошая, просто стыдно, что вам нужно перепрыгнуть через этот обруч в начале, чтобы даже начать с него.
Редактирование и рабочий процесс
Для меня использование проектов имеет решающее значение при работе в Sublime — это помогает мне сосредоточиться на соответствующих файлах для того, что мне нужно. Возможность поиска файла и файлов осуществляется быстро и просто. Мне часто приходилось выполнять поиск по сотням файлов, чтобы найти фрагмент кода, и скорость Sublime меня никогда не подводила.
Как и в случае с Atom, реальная власть приходит, когда у вас установлены некоторые ключевые плагины. Получение правильной подсветки синтаксиса, форматировщиков JSON, линтеров и т.д. Занимает некоторое время, но как только они будут установлены и настроены, их больше не нужно трогать.
Настройка
Опять же, Sublime очень похож на Atom. Доступна возможность управления такими аспектами, как «сохранить потерянный фокус», «обрезать пробелы» и т.д. Конфигурационные файлы — это простой JSON, и для вас есть целый набор скрытых настроек.
Заключение
Sublime превосходит Atom — в таких процессах как открытие, закрытие, поиск и т. д., еще он работает очень гладко и быстро. Единственная супер производительная программа, с которой я когда-либо сталкивался.
Решение суда
Как я уже упоминал в начале, я долгое время возвышенный пользователь, поэтому мое мнение здесь, вероятно, будет слегка предвзятым, но в целом, Sublime — это гибкий и быстрый редактор. По этой причине он по-прежнему занимает верхнюю 3-ю среду разработки в 2016 году.
Visual Studio Code
Стоимость: Бесплатно
Разработчик: Microsoft
Платформы: OSX, Windows, Linux
Visual Studio Code (VSCode) — является относительным новичком в мире текстовых и кодовых редакторов. Он был выпущен в апреле 2015 года, но он уже набирает обороты. Microsoft проделала огромную работу по созданию мощного и гибкого кроссплатформенного редактора, который вызывает большой интерес со стороны разработчиков.
Пакеты
Как и в случае с нашими другими редакторами, VSCode имеет приятную экосистему плагинов (расширений). Управление расширением встроено, и доступно уже несколько тысяч! Как и в случае с Atom, некоторые из них устанавливаются по умолчанию.
Вам нужно будет потратить некоторое время на сбор плагинов, которые лучше всего подходят для вашего рабочего процесса. Один из моих любимых (я тоже пользуюсь VSCode) — это отладчик для Chrome . Он позволяет устанавливать точки остановки что бы отлаживать JS из VSCode.
То же самое можно сделать и с Node.js -становкой контрольных точек в VSCode и пошаговым, пока процесс узла работает в терминале.
Редактирование и рабочий процесс
Хотя VSCode построен аналогично Atom, используя Electron, Node и HTML / CSS, он на самом деле намного быстрее Атома и работает без каких-либо реальных задержек.
Я провел неделю с с данным редактором, и в целом, я был довольно доволен. Он очень приближен к Sublime и Atom. Особенностью отладки, упомянутой выше, было удовольствие. Я также установил некоторые из нововведений IntelliSense, которые (хотя и болезненные для настройки на начальном этапе) начали демонстрировать свои преимущества через день или около того. Я уже мог видеть имя функции только начиная её вводить, не задумываясь о аргументах (или их типах).
В качестве дополнительного бонуса интеграция с Git очень удобна. Для обычных операций, таких как commits и diffs, программа оказалась идеальной и ускорила мое время разработки.
Настройка
Как и предыдущие два редактора, ожидаемые функции настройки — все необходимые обертывания, отступы, тематические, языковые настройки и т.д.
Заключение
Как упоминалось ранее, хотя VSCode (как и Atom) построен на Node.js, Electron, HTML и CSS, программа определенно работает быстро (в отличие от Atom). При открытии / изменении файлов я не испытывал никаких задержек. Поиск был также быстрым. Я считаю, что одна из отличий между Atom и VSCode заключается в том, что редактор пользовательского интерфейса построен на Monaco (из Visual Studio Online), что может быть объяснением разницы в производительности. В любом случае, производительность, безусловно, соответствует уровню Sublime.
Решение суда
В целом меня очень впечатлил VSCode, до такой степени, что я подумал о том, чтобы переходить к нему на более постоянной основе. Интеграция Git и отладчик в редакторе — отличные возможности, с которыми я боролся в Sublime, но как ни странно почти сразу же работали в VSCode.
VIM
Стоимость: Бесплатная лицензия GPL
Разработчик: Bram Moolenaar
Платформы: OSX, Windows, Linux
Я чувствую, что все разработчики должны в какой-то момент пройти «обряды прохода» и использовать Vi или Vim для проекта. Возможность редактирования или просмотра файла на удаленном сервере через терминал является чрезвычайно продуктивной и важной задачей. Я видел, как многие разработчики перескакивают через все виды огненных обручей, используя SFTP, или скаичивая а затем редактируя, и повторно загружая файлы обратно на сервер.
Однако я также признаю, что явное упоминание о Виме приносит дрожь к некоторым и даже праведное негодование другим. Если бы я опустил его, я бы боялся серьезного удара от опытных пользователей Vim. Честно говоря, ?для тех, кто потратил время на его освоение, это невероятно продуктивная среда!
Пакеты
Под капотом более чем 14 000 пакетов у Vim есть одно для всего! Исследователи деревьев, подсветки синтаксиса, тематика, интеграция Git и т.д. Все это существует в нескольких версиях. Vim невероятно гибкий и мощный. Однако, как и во всех других редакторах, упомянутых выше, знание лучших плагинов для установки требует некоторых знаний и рекомендаций для инсайдеров.
Редактирование и рабочий процесс
Во-первых, для тех, кто не знаком с Vim, это текстовый редактор командной строки. Поэтому это не приложение, которое вы дважды щелкаете и используете мышь для перемещения. Управление открытием, закрытием, редактированием и сохранением — это все сочетания клавиш.
Если вы действительно хотите стать пользователем Vim, это требует реальных моральных вложений, но я уверен, что к концу первой недели вы почувствуете себя как абсолютный гений!
Честно говоря, причина, по которой я нахожу работу в Vim менее эффективной, заключается в том, что я недостаточно знаю сочетания клавиш. Я могу легко редактировать отдельные файлы, искать, заменять и т.д., Но при работе с несколькими файлами я начинаю теряться. Так что для меня, Vim слишком керут.
Настройка
Вим удивительно настраиваемый. Если вы поищите в Google, “vimrc” вы найдете множество примеров предварительно сконфигурированных файлов конфигурации Vim. Короче говоря, в Vim все возможно.
Заключение
Единственный блокиратор производительности в Vim — это пользователь … другими словами, вы! Вся его скорость зависит в первую очередь от того как быстро вы можете вводить свои команды и перемещаться между ними! Если вы являетесь пользователем Power Vim, это на самом деле невероятно быстро!
Решение суда
Программа Vim может быть невероятно быстрой, еще это эффективная среда разработки, если вы имеете терпение, чтобы изучить нужные или все команды.
Окончательный вердикт
Все вышеперечисленные редакторы имеют свои плюсы и минусы. Лично я бы сказал, что в Вашей карьере разработчика Вы должны дать каждому из редакторов свой шанс хотя бы на неделю, чтобы убедиться в том, что работает и что не работает для вас. Надеюсь, что подведение итогов этих четырех самых популярных текстовых редакторов станет хорошей отправной точкой при рассмотрении вопроса об изменении редактора.
Читайте также: