Все еще сидите на Sublime? Тогда мы, вместе с Atom, идем к вам!
В пятницу я пробовал в работе разные текстовые редакторы. Большинство из них очень плохи. Тот-же Brackets от Adobe — вообще не изменился, те-же проблемы, в том числе со шрифтами и не очень приятный внешний вид. Но один из редакторов оказался наоборот очень крутым.
И этот редактор — Atom от Github. В честь которого его небольшой обзор в стравнении с Sublime Text 3.
Он превзошел все мои ожидания! Я пробовал его наверное пол года или больше назад и мне он показался сыроватым, но теперь — совсем другое дело. Более того, я перешел на него со своего Sublime Text 3 и сейчас расскажу почему.
Внешний вид
После первого запуска Atom, мне захотелось удалить Sublime Text. Хотя до этого у меня не было никаких претензий к нему. Вот пара скриншотов для сравнения внешнего вида этих текстовых редакторов.
Открытый файл html в Atom потом Sublime.
Пример поста в текстовом редакторе Atom Пример поста в текстовом редакторе Sublime Text 3Окно настроек в редакторах кода Atom и Sublime.
Окно настроек в текстовом редакторе Atom Окно настроек в текстовом редакторе Sublime Text 3Установка дополнений
В Sublime Text это делалось с помощью плагина Package Control, который нужно было еще установить.
В Atom есть визуальный интерфейс для настроек и установки плагинов, в котором можно почитать описание дополнения и количество установок прямо в редакторе.
Переход на Atom c Sublime Text
Это единственный текстовый редактор на который можно перейти с Sublime без проблем и переучиваний. Все сочетания клавиш работаю так-же как и там. Это просто бомба!
По поводу дополнений в Atom их уже большое количество. По крайней мере все мои потребности они решают. Ну и удобство их установки просто поражает.
В Atom его по умолчанию нет менеджера пакетов (дополнений), но есть дополнение project-manager, который решает эту проблему.
Вообще мне кажется что это тот-же Sublime, только красивее, удобнее и лучше.
Скачать Atom
Даже не знаю что еще такого лестного о нем сказать. Наверное лучше один раз увидеть, чем сто раз услышать. Поэтому вы можете скачать Atom на официальном сайте. Посмотреть доступные плагины для Atom на этой странице и конечно-же в самом редакторе.
В комментариях пишите ваши отзывы и мнения о Atom. В дальнейшем планирую рассказать про лучшие дополнения к нему.
Еше можно подписаться на email рассылку новых заметок. Не чаще раза в неделю, без спама.
Выбираем между VS Code и Atom – Заметки по Web
Итак, недавно вышло обновление Sublime Text 3. С одной стороны, можно порадоваться за них, что они еще живы. Но с другой стороны, уже заметно что проект угасает. Будто наблюдаешь замерзшее озеро, видна только ледяная корка, но где-то глубоко таится жизнь.
Кроме исправления бага для multiselection на
Поэтому решено переходить на другой текстовый редактор. Который к тому же будет бесплатен и не будет требовать покупки при сохранении (хотя наверное многие уже наловчились вовремя нажимать клавишу Escape).
По функционалу, в принципе, Atom и Visual Studio Code наследуют функционал Sublime.
Есть карта (minimap) при прокрутке, многое можно настроить не касаясь мышки и пользуясь только клавиатурой. Поэтому выделю минусы конкретных редакторов, из-за которых работа показалась некомфортной.
Недостатки Atom
- Дурацкие черные скобки в тегах HTML
- По дефолту нельзя прокрутить дальше конца документа, утыкаешься в тупик. Однозначный минус.
- Еле заметные обозначения открывающей и закрывающей скобок.
- Автодополнение с избыточным описанием и менее интеллектуальное, нежели в VS Code.
- Выделение текста некрасивое: целыми блоками во всю ширину страницы, как это раньше было в Chrome.
- Переключение вкладок перекрывает все серой пеленой
- Ошибки можно посмотреть только в новом окне
- Блеклые шрифты (Fira Code + Tomorrow Theme) в сравнении с Sublime и VS Code
Недостатки VS Code
- Microsoft
- Стремные значки: стетоскопы, жуки.
- Уродливый скроллбар как в браузере Edge (а я, напомню, сижу под Ubuntu со своей кастомной темой под XFCE, хотя можно сделать его тоньше). Стремный статусбар, синий как в MS Word (тоже меняем).
- Дурацкие анимации, точнее почти их полное отсутствие. Интерфейс работает как в Windows 98. Нет плавности, будто тугие тумблеры переключаешь.
Плюсы обоих редакторов
- Менеджер для установки дополнений уже встроен в редактор*
- Emmet из коробки
- Более четкие вертикальные отступы (важно для Sass и Python)
- Встроенная поддержка Git
В итоге, Atom больше похож на клон Sublime, но кое-что в нем хуже оригинала. VS Code местами лучше продуман. Но дизайн просто убивает. Однако его можно доработать напильником. Вот конфиг, чтобы сделать из г-на конфетку:
{
"window.zoomLevel": 0,
"workbench.colorTheme": "Tomorrow",
"editor.fontSize": 15,
"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,
"window.menuBarVisibility": "toggle",
"editor.scrollbar.verticalScrollbarSize": 8,
"editor.scrollbar.horizontalScrollbarSize": 5,
"workbench.colorCustomizations": {
"statusBar.background" : "#303030",
"statusBar.noFolderBackground" : "#222225",
"statusBar.debuggingBackground": "#511f1f",
"editorLineNumber.foreground": "#999999",
},
}
Тесты скорости работы
| Тип теста | Sublime Text | Atom | VS Code |
| Запуск | ~ 1 с | ~ 3 с | ~ 3 с |
| Открытие файла 600 МБ | ~ 20 с | — | ~ 20 с |
Условия теста:
В редакторе открыт один файл, из плагинов установлена только тема и подсветка синтаксиса, подгружен маленький проект. В следующем тесте было открыто 5 небольших файлов — результаты те же.
При попытке открыть огромный файл Sublime Text и VS Code справились с задачей (хотя разумнее его вообще не открывать, а использовать grep). Atom выдал предупреждение, что открывается большой файл, однако не смог «прожевать» его. Удивительно, что при поиске по данному файлу VS Code показал большую стабильность, нежели Sublime.
Зато Sublime Text уверенно лидирует по минимальному количеству потребляемой памяти. Его конкуренты, написанные на Electron потребляют по 600-700 МБ ОЗУ.
Пока еще рано подводить итог, сначала нужно проверить в бою. Но пока в рейтинге лидирует VS Code.
Update
Выбираем редактор кода: VS Code или Atom?
Перевод статьи «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. Но если
новый редактор кода от Гитхаба / Habr
От переводчика: вчера без официального объявления на Гитхабе были опубликованы несколько десятков репозиториев, содержимое которых свидетельствовало о том, что команда Гитхаба уже давно ведёт разработку нового текстового редактора для программистов и готова представить его публике. Несколькими часами позже заработал и официальный сайт редактора atom.io, на котором сейчас можно запросить инвайт на бета-тестирование, ознакомиться с документацией и плагинами к редактору. Эта статья — перевод двух первых постов из блога проекта Atom, посвящённых концепции и архитектуре редактора.Представляем Atom
Сегодня мы с радостью готовы запустить публичную бета-версию Atom, нового текстового редактора, который не только лёгок в использовании, но и предоставляет огромную свободу модификаций.
Sublime и TextMate предлагают удобство, но лишь ограниченную расширяемость. С другой стороны, Vim и Emacs обладают огромной гибкостью, но сложны в освоении и требуют изучения специфических скриптовых языков для модификаций.
Мы считаем, что можем сделать лучше. Наша цель — бескомпромиссное сочетание удобства и настраиваемости: редактор, с которым может разобраться и школьник, только начавший изучать программирование, но в то же время и инструмент, который не будет ограничивать опытного хакера.
Так как мы стали использовать Atom уже в процессе работы над ним, то, что сперва было лишь экспериментом, превратилось для нас в предмет первой необходимости. Это только начало, и ещё много чего нужно сделать, чтобы полностью воплотить наше видение редактора. Но основная цель достигнута. Снаружи Atom — современный текстовый редактор, который соответствует ожиданиям пользователей. А под капотом — это система, которая так и просит о модификациях и расширении.
В ближайшие недели мы будем рассылать приглашения бета-тестерам, а уже сейчас мы опубликовали больше 80 библиотек и пакетов, которые используются в редакторе. Мы открыли многие API, которые нужны, чтобы писать мощные расширения, но, так как это бета-версия, в них ещё могут произойти изменения на основе обратной связи от вас. Мы будем стараться делать их как можно осторожнее, в то же время активно дорабатывая редактор.
Ждём от вас обратной связи, пакетов и патчей. Сделаем это вместе!
Ядро атома
У веба есть свои недостатки, но два десятилетия развития превратили его невероятно гибкую и мощную платформу. Поэтому, когда мы решили написать текстовый редактор, который мы сами с удовольствием бы расширяли и модифицировали, выбор технологии был очевиден. Но сначала нам пришлось избавиться от нескольких сковывающих нас ограничений.
Нативный веб
Браузеры хорошо приспособлены для просмотра веб-страниц, но написание кода — это специфическая деятельность для которой нужны особые инструменты. Что ещё важнее, браузер сильно ограничивает доступ к локальным ресурсам компьютера из соображений безопасности, а для нас текстовый редактор, который не сможет нормально записать файл или запустить локальный подпроцесс, был совершенно неприемлем.
Коду JavaScript, работающему в каждом окне, доступны все API, которые доступны любому приложению Node.js. Такое гибридное решение создаёт уникальные возможности для разработки.
Так как вся работа происходит локально, нет никакой нужды заботиться о загрузке ресурсов, конкатенации скриптов и асинхронной подгрузке модулей. Если нужен какой-то код, достаточно лишь require в начале файла. Система модулей Node.js без проблем позволяет разбить систему на маленькие хорошо сфокусированные пакеты.
JavaScript вместе с C++
Взаимодействие с нативным кодом тоже очень просто. К примеру, мы написали обёртку вокруг движка регулярных выражений Oniguruma для поддержки совместимости с TextMate. В браузере нам пришлось бы разбираться с NaCl или Esprima. Интеграция с Node сильно упростила задачу.
Кроме API Node.js мы так же используем нативные API диалоговых окон браузера, главного и контекстных меню, управления размерами окна и так далее.
Веб-технологии: всё самое лучшее
Ещё один большой плюс работы над Atom состоял в том, что мы всегда гарантированно работали с последней версией Chromium. Это значит, что нас не беспокоили вопросы кросс-браузерной совместимости. Мы могли использовать все новшества веб-технологий уже сегодня.
Например, вёрстка рабочего пространства и панелей редактора использует flexbox. Это ещё не устоявшийся стандарт, но несмотря на то, что он менялся во время работы, мы были счастливы, что уже можем с ним работать.
Мы уверены в будущем платформы, на которой построен Atom, ведь веб-технологии развиваются совместными усилиями целой отрасли. Нативные технологии приходят и уходят, а веб становится всё лучше и распространеннее с каждым годом. Мы с удовольствием будем использовать все его возможности.
Выбор лучшего редактора кода для веб-разработчика в 2018 году
Перевод статьи Каталина Вейзила «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 делают те же функции в Sublime
Некоторое время я использовал Sublime 3, а затем решил использовать Atom, но по умолчанию он не имеет тех же функций, что и Sublime 3.
Какие все пакеты и темы мне нужно установить, чтобы заставить Atom работать как Sublime 3
Например, правая карта для просмотра всего кода, множественный курсор и так далее.
editor atom-editorПоделиться Источник Lester Vargas 08 марта 2016 в 18:59
2 Ответа
2
Миникарта
- Добавляет небольшой предварительный просмотр полного исходного кода
Установить синтаксис
- Создает простые команды палитры команд для настройки синтаксиса текущего файла
Выделите выбранное
- При двойном щелчке на слове, он выделяет текущее слово, выбранное & все другие вхождения в файле
sublime-style-column-selection
- Включить возвышенный стиль ‘Column Selection’. Просто удерживайте ‘alt’, пока вы выбираете, или выберите с помощью средней кнопки мыши. Также похоже на ‘Multiple Carets’ Texmate, или BBEdit ‘Block Select’
5. Просматривать
- Добавить диалоговое окно для просмотра папки пакетов (например, в Sublime Text)
6. Sublime-block-comment
- Переключать блок комментариев, как в Sublime Text
7. Дзен
- Отвлечение режим свободной письменной форме, похожей на бесплатной режиме дистракции возвышенное по
8. Макет Панели Плюс
- «Sublime Text-like n-column layout shortcuts.»
9. Параметры пакета
- быстро откройте панель настроек для конкретного пакета из командной панели
10. Сортировка строк
- Сортирует текущий выделенный фрагмент.
Если вы хотите увидеть некоторые из этих пакетов & больше в действии, ознакомьтесь с этим коротким видео YouTube об Atom: https://www.youtube.com/watch?в=cFAzqvYoHJs
Поделиться cacoder 09 марта 2016 в 17:30
0
Вы можете использовать пакет «minimap» для мини-карты, например sublime Для «painting» код, который вы должны попробовать monokai и сети-интерфейс
Поделиться » 08 марта 2016 в 22:21
Похожие вопросы:
Автозаполнение обычного текста в Atom (Github)
У меня есть автозаполнение и автозаполнение+, установленные на последней версии Atom. К сожалению, эти пакеты не выполняют автозаполнение и не предлагают слова при вводе обычного текста, как это…
Подсветка функций с помощью monokai в VS Code / Atom и Sublime
При запуске Sublime Text 3 и VS Code (или Atom) с цветовой темой Monokai подсветка синтаксиса Sublime Text использует синий цвет для вызовов функций, например, в примере ниже Однако, когда я…
Regex найти замену на множитель в Atom или Sublime
Я хотел бы заменить все вхождения определенного набора числовых значений их соответствующими кратными scalar с помощью функции regex find / replace в Atom или Sublime, предпочтительно Atom….
аббревиатура в atom и sublime
Есть ли способ создать свои собственные сокращения в atom и sublime, как я могу сделать с notepad++? например: У меня есть кусок кода: <!DOCTYPE html> <html> blah… blah… blah……
Grammar regex в Sublime/Textmate/Atom
В марионетке есть две формы требования: Отношение require foo Метапараметр require => ‘foo’ Я хочу изменить Texmate / Sublime Text / Atom grammar, чтобы он мог правильно их выделить. Прямо сейчас…
SyncedSideBar на Atom IDE
Есть ли возможность установить SyncedSideBar или что-то подобное для Atom IDE ? Я использовал его в своем sublime text 3, и я искал тот же плагин, который будет работать для Atom. Мне нравится, как…
Ошибка» CERT_UNTRUSTED » в Atom
Когда я пытаюсь просмотреть, обновить или загрузить какие-либо пакеты в Atom GitHub , я получаю ошибку CERT_UNTRUSTED. Я нахожусь за корпоративным брандмауэром. Есть ли способ отключить строгие…
Включение дерева файлов FTP в Sublime Text/Atom
Я изначально использовал Sublime Text и попытался с помощью Atom, мне не удалось получить дерево файлов FTP, подобное тому, которое используется в Dreamweaver (рис. ниже) У меня есть FTP, работающий…
Github рабочий стол открыт в sublime, а не atom
В рабочем столе GitHub есть ли способ изменить параметр Open in Atom Правой Кнопкой Мыши, чтобы вместо этого быть Open in Sublime или каким-либо другим текстовым редактором? Спасибо!
Как выделить, если еще конец в atom/sublime?
У меня есть большая страница кода в ruby, и очень трудно найти, что ‘end’ соответствует тому, что ‘if’. Есть ли способ настроить его в Atom или Sublime? Я хочу иметь возможность видеть end из if,…
10-ка плагинов для Atom | Losst
Редактор Atom от Github — один из лучших доступных на данный момент редакторов кода. Это быстро развиваемый проект, за последнее время было достигнуто очень многое:
- Выпущена версия 1.0
- Подготовлены установщики для Windows, Linux и MacOS
- Значительно улучшена скорость
- По прежнему остается бесплатным, опережая некоторые коммерческие приложения
Количество плагинов растет в геометрической прогрессии, на данный момент доступно более чем 750 тем оформления и 2400 пакетов плагинов. Причиной этому послужила расширяемость редактора с помощью веб технологий. Если вы работаете на Node.js Atom будет отличным выбором.
Установить пакет в Atom очень просто, для этого:
- Используйте панель установки на вкладке настроек чтобы найти пакет по имени
- Воспользуйтесь консольной командой: apm install имя_пакета
В этой статье я опишу десять плагинов для Atom которые сделают его еще лучше.
Содержание статьи:
1. Внешний вид и Seti UI
Выбор темы — сугубо индивидуальное занятие, и здесь лучше опираться на свои вкусы и привычки. Но с Seti, Atom выглядит великолепно, тема включает огромный набор иконок для различных типов файлов включая SCSS, LESS, JSON, файлов настроек grunt и gulp и т д. Для более лучшего эффекта тему можно объединить с Monokai.
https://atom.io/themes/seti-ui
https://atom.io/themes/monokai-seti
2. Open Recent
Как и в Sublime в Atom используется простое управление проектами на основе папок. Расширение Open Recent позволяет с легкостью найти и открыть недавно редактированные файлы.
https://atom.io/packages/open-recent
Если вам нужно что-то более сложное, попробуйте плагин Project Manager https://atom.io/packages/project-manager
3. TODO-show
Вы запустили Atom, открыли проект, но что же дальше? Todo-show показывает все разбросанные по всему проекту комментарии содержащие слова todo, fixme и changed. Можно также добавить свои регулярные выражения.
https://atom.io/packages/todo-show
4. Minimap
Minimap один из самых популярных пакетов Atom. Плагин собирает ваш код в мини карту для более быстрой навигации.
https://atom.io/packages/minimap
5. Highlight Selected
При выделении любого слова в Sublme и Notepad++ все другие его вхождения подсвечиваются. Highlight Selected добавляет эту функцию в Atom. Это особенно удобно в сочетании с мини картой.
https://atom.io/packages/highlight-selected
https://atom.io/packages/minimap-highlight-selected
6. Auto-close HTML
Это очень просто, но я не мог жить без автоматического закрытия тегов HTML. Плагин помогает определить каким тегом нужно завершить строчку или блок.
https://atom.io/packages/autoclose-html
7. Pigments
Наверное вы уже видели превью цветов CSS раньше. Но в Pigments еще больше возможностей, он анализирует цвета, понимает переменные пре-процессора и выполняет функции изменения цвета.
https://atom.io/packages/pigments
8. Linter
Linter — пакет подсветки синтаксиса и проверки ошибок. Он один из лучших, эффективный, быстрый и менее навязчив чем другие конкуренты.
Обратите внимание, Linter основной пакет, который обеспечивает API для других вспомогательных дополнений. На данный момент поддерживается 28 языков. Проверка HTML, CSS, JavaScript работает мгновенно, но все зависит от особенностей установки и последующей конфигурации.
https://atom.io/packages/linter
https://atom.io/packages/linter-htmlhint
https://atom.io/packages/linter-csslint
https://atom.io/packages/linter-jshint
9. Отступы
Кодеры никогда не придут к согласию какие отступы использовать, два, три или восемь пробелов. Я обычно использую трех символьную табуляцию. С авто определением отступов вам больше нет о чем волноваться. Можете сделать свой код еще красивее с помощью плагина atom-beautify.
https://atom.io/packages/auto-detect-indentation
https://atom.io/packages/atom-beautify
10. Разное
Еще несколько плагинов на последок. Первый — Emmet ранее известный как Zen Code. Позволяет с помощью небольших инструкций создавать развернутые html или css блоки с использованием различных атрибутов.
https://atom.io/packages/emmet
Если вы создаете веб приложения REST, расширение Atom Rest Client быстрый и удобный инструмент для тестирования. Он не такой мощный как например Postman но все же делает свою работу.
https://atom.io/packages/rest-client
Бонусные плагины
Если для вас важно количество https://atom.io/packages/keycount покажет что вы сделали достаточно в течении дня, теперь можно отдохнуть читая комиксы https://atom.io/packages/xkcd-comics или взорвать код в астероиды https://atom.io/packages/asteroids
А вы уже настроили свой Atom? Я не забыл упомянуть ваш любимый плагин?
Оцените статью:
Загрузка…