Atom редактор: A hackable text editor for the 21st Century

новый редактор кода от Гитхаба / Хабр

От переводчика: вчера без официального объявления на Гитхабе были опубликованы несколько десятков репозиториев, содержимое которых свидетельствовало о том, что команда Гитхаба уже давно ведёт разработку нового текстового редактора для программистов и готова представить его публике. Несколькими часами позже заработал и официальный сайт редактора atom.io, на котором сейчас можно запросить инвайт на бета-тестирование, ознакомиться с документацией и плагинами к редактору. Эта статья — перевод двух первых постов из блога проекта Atom, посвящённых концепции и архитектуре редактора.

Представляем Atom

Сегодня мы с радостью готовы запустить публичную бета-версию Atom, нового текстового редактора, который не только лёгок в использовании, но и предоставляет огромную свободу модификаций.

Sublime и TextMate предлагают удобство, но лишь ограниченную расширяемость. С другой стороны, Vim и Emacs обладают огромной гибкостью, но сложны в освоении и требуют изучения специфических скриптовых языков для модификаций.

Мы считаем, что можем сделать лучше. Наша цель — бескомпромиссное сочетание удобства и настраиваемости: редактор, с которым может разобраться и школьник, только начавший изучать программирование, но в то же время и инструмент, который не будет ограничивать опытного хакера.

Так как мы стали использовать Atom уже в процессе работы над ним, то, что сперва было лишь экспериментом, превратилось для нас в предмет первой необходимости. Это только начало, и ещё много чего нужно сделать, чтобы полностью воплотить наше видение редактора. Но основная цель достигнута. Снаружи Atom — современный текстовый редактор, который соответствует ожиданиям пользователей. А под капотом — это система, которая так и просит о модификациях и расширении.

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

Ждём от вас обратной связи, пакетов и патчей. Сделаем это вместе!

Ядро атома

У веба есть свои недостатки, но два десятилетия развития превратили его невероятно гибкую и мощную платформу. Поэтому, когда мы решили написать текстовый редактор, который мы сами с удовольствием бы расширяли и модифицировали, выбор технологии был очевиден. Но сначала нам пришлось избавиться от нескольких сковывающих нас ограничений.

Нативный веб

Браузеры хорошо приспособлены для просмотра веб-страниц, но написание кода — это специфическая деятельность для которой нужны особые инструменты. Что ещё важнее, браузер сильно ограничивает доступ к локальным ресурсам компьютера из соображений безопасности, а для нас текстовый редактор, который не сможет нормально записать файл или запустить локальный подпроцесс, был совершенно неприемлем.

Поэтому Atom не является обычным веб-приложением. Это специализированный вариант браузера Chromium, переделанный так, чтобы быть в первую очередь текстовым редактором, а не веб-браузером. Каждое окно Atom — это отдельная локальная веб-страница.

Коду JavaScript, работающему в каждом окне, доступны все API, которые доступны любому приложению Node.js. Такое гибридное решение создаёт уникальные возможности для разработки.

Так как вся работа происходит локально, нет никакой нужды заботиться о загрузке ресурсов, конкатенации скриптов и асинхронной подгрузке модулей. Если нужен какой-то код, достаточно лишь require в начале файла. Система модулей Node.js без проблем позволяет разбить систему на маленькие хорошо сфокусированные пакеты.

JavaScript вместе с C++

Взаимодействие с нативным кодом тоже очень просто. К примеру, мы написали обёртку вокруг движка регулярных выражений Oniguruma для поддержки совместимости с TextMate. В браузере нам пришлось бы разбираться с NaCl или Esprima. Интеграция с Node сильно упростила задачу.

Кроме API Node.js мы так же используем нативные API диалоговых окон браузера, главного и контекстных меню, управления размерами окна и так далее.

Веб-технологии: всё самое лучшее

Ещё один большой плюс работы над Atom состоял в том, что мы всегда гарантированно работали с последней версией Chromium. Это значит, что нас не беспокоили вопросы кросс-браузерной совместимости. Мы могли использовать все новшества веб-технологий уже сегодня.

Например, вёрстка рабочего пространства и панелей редактора использует flexbox. Это ещё не устоявшийся стандарт, но несмотря на то, что он менялся во время работы, мы были счастливы, что уже можем с ним работать.

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

Текстовый редактор Atom с открытым исходным кодом

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

О Atom

Наследие

Когда вы ищите HTML-редактор своей мечты, чтобы легко настроить цвета или текст на страницах, история играет важную роль в выборе. Всегда лучше найти ПО, основанное на давних традициях.

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

Atom прошел это испытание. Редактор берет свое начало в легендарном GitHub, одной из лучших платформ для разработки ПО.

GitHub — это система управления версиями, которая много лет находится в авангарде разработки веб-сайтов и проектов. Программисты полагаются на GitHub для продуктивного сотрудничества — им нравится поддержка и разнообразие инструментов.

Атом создали разработчики GitHub, и неудивительно, что он без проблем интегрируется с платформой.

Официальный сайт Atom.

Гибкость

Начать кодирование в первый раз — непросто, и арсенал инструментов обязан быть готов к любым задачам. Гибкость- важный элемент для HTML-редактора.

Когда вы используете гибкий и настраиваемый текстовый редактор, точно контролируете, какую информацию получаете. В результате, настраиваемый редактор делает работу намного проще.

Ключевое преимущество Атом это гибкость и настройка. Редактор пользуется репутацией «взломанного текстового редактора 21-го века». Atom обладает обширной библиотекой настроек и модификаций.

Хотите изменить что-либо на дисплее или настроить редактор для выполнения определенной функции? Есть вероятность, что уже создан пакет для этого. И если вы не находите подходящую настройку, вносить собственные изменения не сложно.

Размер

В этом безумном мире единиц, нулей и цифровых хранилищ размер имеет значение. Чем меньше места занимает программа, тем больше дисков доступно для других важных функций и поддержки ПО.

У Atom сложная установка, с которой вы столкнетесь при работе с редакторами HTML. Вся настройка Атом пропорциональна размеру дискового пространства. Если Вам не подходит ресурсоемкое приложение, то лучше работать с редакторами попроще, например Brackets или Notepad ++.

Тем не менее, это компромисс между размером и функциональностью.  В результате, значительный размер Atom означает, что получите множество полезных «наворотов». Если у вас достаточно места на жестком диске, Атом – верный выбор.

Совместимость

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

Есть отличные, проверенные HTML-редакторы, у которых скудная языковая поддержка. Но разнообразие языков – это крайне важный показатель. Редактор вашей мечты — это работа с всевозможными языками с максимальной функциональностью.

Atom поддерживает все виды популярных языков. Node.js, CSS и JavaScript — это лишь некоторые из языков, которые используются с Atom.

Нужна поддержка для языка, которого нет в Атом? Там обязательно будет пакет с открытым исходным кодом, чтобы добавить этот навык в вашу копию Atom.

Преимущества и недостатки Atom

Преимущества Atom

• Бесплатно. Атом совершенно бесплатно для использования.
• Кроссплатформенность. Работает на Mac, Windows и Linux.
• Мгновенное переключение файлов. С помощью нечеткого поиска ищите файл в вашем проекте.
• Темы. Настройка темы на любой вкус.
• Пакеты. Atom имеет встроенный менеджер пакетов. Обширный список пакетов написан на CoffeeScript.
• Командная строка. Установка Атом добавляет две команды командной строки — atom и apm. Первый запускает само приложение, а второй — диспетчер пакетов Атом, который используется для добавления и удаления различных компонентов из списка пакетов.

Недостатки Atom

• Запуск. Атом очень медленно запускается, что является большим недостатком, если вы привыкли использовать его для быстрых изменений в ваших файлах.
• Сбой. Как правило, происходит сбой или зависание текстовыми файлами свыше 10 МБ, что делает его менее полезным в качестве обычного текстового редактора.

Установка

wget -qO - https://packagecloud.io/AtomEditor/atom/gpgkey | sudo apt-key add -sudo sh -c 'echo "deb [arch=amd64] https://packagecloud.io/AtomEditor/atom/any/ any main" > /etc/apt/sources.list.d/atom.list'sudo apt-get updatesudo apt-get install atom

Вывод

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

atom-editor — Начало работы с атомным редактором

замечания

В этом разделе представлен обзор того, что такое атомный редактор, и почему разработчик может захотеть его использовать.

Следует также упомянуть о любых крупных предметах в редакторе атома и ссылки на связанные темы. Поскольку Documentation for atom-editor является новым, вам может потребоваться создать начальные версии этих связанных тем.

Версии

Запуск «Привет, мир!» программа на Python с использованием Atom с нуля

Atom — это универсальный и гибкий текстовый редактор и содержит сотни сообществ с открытым исходным кодом, которые могут компилировать и запускать исходные файлы на многих языках. В этом руководстве будет показано, как легко кодировать Python с помощью редактора Atom.

В этом руководстве предполагается, что в вашей системе не установлен Python или Atom.

Шаг 1: Установка Python

Python может быть установлен с официального сайта или, если вы используете Linux, через менеджеров пакетов (однако Python обычно всегда устанавливается заранее).

Если вы пользователь Windows, не забудьте установить python.exe на ваш %PATH% .

Шаг 2: Установка Atom

Вы можете установить редактор Atom с официального сайта или менеджеров пакетов.

Шаг 3: Настройка атома

Для получения дополнительной информации об установке пакетов и тем прочитайте этот выделенный раздел .

Чтобы компилировать и запускать программы, сообщество Atom предоставляет пакеты для заполнения этой потребности. В этом примере мы будем использовать script для запуска нашей программы.

Откройте «Файл»> «Настройки»> «Установить».

Введите script в строку поиска и установите его. Когда он установлен, он должен быть указан в «Пакеты» на панели настроек. Следует отметить, что script не может вводить пользователя.

Если вы используете MacOS или Linux, вы можете использовать apm пакетов apm для установки пакетов.

Шаг 4: Программирование и выполнение

Выберите каталог, в котором вы хотите сохранить исходный файл PY.

1. Убедитесь, что вы видите панель «Дерево»; если вы не видите эту панель, вы можете переключить ее, выбрав «Просмотр»> «Переключить вид дерева».

2. Перейдите в меню «Файл»> «Добавить папку проекта» и выберите каталог, который будет установлен в качестве корневого каталога для проекта.

3. Щелкните правой кнопкой мыши папку и выберите «Новый файл», затем введите hello-world.py и введите следующий код:

   print("Hello, World!")
    

4. Нажмите CTRL + SHIFT + B, чтобы запустить скрипт. Кроме того, вы можете перейти в меню «Просмотр»> «Переключить командную палитру» и ввести « Script: Run .

   Сценарий должен вернуться:

   Hello, World!
   [Finished in 0.125s] 
    

Что такое Atom?

Atom — это хакерский текстовый редактор, созданный GitHub и разработанный поверх платформы приложений для настольных компьютеров Electron.

Это означает, что он может использоваться как текстовый редактор для базового программирования до полноразмерной IDE. Он также чрезвычайно настраиваемый, он предоставляет тысячи пакетов сообщества (подсветка синтаксиса, улучшенный UX и т. Д.) И темы для удовлетворения всех потребностей. Он также доступен в Windows, MacOS и Linux.

Вот пример:

Atom предоставляет другие полезные функции, в том числе:

• Открытие каталогов
• Несколько вкладок редактирования
• Боковые боковые панели редактирования
• Несколько курсоров редактирования
• Переключение линий
• Управление деревом файлов и каталогов

Как настроить Atom для разработки на JavaScript – Hexlet Guides

Содержание

1. Стандарты кодирования
2. Автоматическое дополнение
3. Автоматическое дополнение файлов и модулей
4. Переход на определения

Атом – популярный бесплатный редактор кода, созданный разработчиками GitHub’а для программистов. Он активно развивается, для него есть сотни плагинов, его легко настраивать под свои нужды.

Атом построен на технологии Electron, поэтому он работает на Windows, Linux и macOS. Среди базовых возможностей редактора, доступных сразу после установки:

• подсветка синтаксиса для множества популярных языков и файловых форматов
• удобная навигация
• встроенный предпросмотр Markdown
• умное автодополнение
• встроенный пакетный менеджер

Пакетный менеджер нужен для установки и удаления пакетов расширений (плагинов). Для удобной разработки на JavaScript для бэкенда и фронтенда нужно установить несколько пакетов.

Для установки нового пакета зайдите в настройках во вкладку “Install”, введите название пакета в строке поиска, нажмите кнопку “Install”.

Стандарты кодирования

Eslint – это утилита, проверяющая стандарты кодирования на JavaScript. Стандарт де-факто в мире JS.

Нужно сначала установить eslint в системе, а потом установить расширение Атома, которое будет использовать установленный линтер. Есть разные способы интеграции линтера с расширением. Мы рассмотрим установку линтера глобально в системе.

1. Установите Node.js используя пакетный менеджер вашей операционной системы.
2. Установите eslint командой npm install -g eslint. Вероятно, вам понадобится использовать sudo.
3. Установите плагины, которые конфигурируют eslint. Без них (по умолчанию) eslint ничего не проверяет.

    npm install -g eslint-config-airbnb-base eslint-plugin-import
   

4. eslint требует наличия конфигурационного файла. Создайте в корне вашего проекта файл .eslintrc.yml со следующим содержанием:

    extends:
      - 'airbnb-base'
    env:
      node: true
      browser: true
   

5. Установите расширение “linter-eslint” в Атоме.
6. Отметьте галочку Use Global Eslint в настройках расширения (Settings -> Packages -> Linter Eslint).

Автоматическое дополнение

Встроенное автодополнение в редакторе работает по самой примитивной схеме, анализируя содержимое файлов. С помощью сторонней утилиты “tern” можно добиться более продвинутого поведения. “tern” умеет:

• подсказывать аргументы функции
• определять тип выражения
• находить определение чего-нибудь
• проводить автоматический рефакторинг

Расширение Атома atom-ternjs не требует установки ничего другого и работает само по себе.

Автоматическое дополнение файлов и модулей

Полезное расширение autocomplete-modules автоматически дополняет название файлов и модулей при импорте.

Переход на определения

js-hyperclick позволяет быстро перемещаться к определению функции или переменной по клику.

Кирилл Мокевнин, Рахим Давлеткалиев

Настройка текстового редактора Atom и дополнительные пакеты

В статье рассказывается как настроить Atom, чтобы людям, которые до этого работали с Notepad++, было удобно и комфортно.

Содержание

В своё время я пытался перейти с Notepad++ на Sublime Text. Не получилось: не сумел найти все нужные для меня фишки из Notepad++ для нормальной работы. Сейчас попробую перейти на Atom.

1. Настройка текстового редактора Atom и дополнительные пакеты.
2. FAQ по текстовому редактору Atom.
3. Чего мне не хватает в Atom Editor.

Установка на Windows ничем не отличается от установки обычных программ.

https://atom.io

Перейдем в настройки приложения File → Settings:

Сперва снимем галочку у пункта Open Empty Editor On Start, чтобы при старте программы открывались последние открытые файлы, и чтобы при открытии файлов через контекстное меню не открывалось новое окно программы.

Я всегда ставлю перенос строк для обычной работы с текстом в Notepad++:

Внесите путь к стандартной папке, где у вас находятся в основном ваши проекты:

Включим работу плагина autosave.

File → Settings → Packages. Там находим наш плагин:

И перейдем в настройки Settings, и там включим наш плагин:

Очень много дополнительного функционала скрывается в дополнительных пакетах.

Переходим в File → Settings, а там выбираем Install:

А там ищем нужный нам пакет и его устанавливаем.

Установленные пакеты появятся в разделе Packages:

Я себе установил следующие пакеты (помните, что многие пакеты включаются при перезагрузке программы):

1. minimap – отображение карты документа.
2. pigments – для отображения цветов там, где мы их обозначаем в коде.
3. color-picker – теперь цвет можно менять через пипетку Ctrl + Alt + C:
4. file-icons – у файлов появляются иконки под их расширение:
5. language-qml – для отображения файлов *.qml.
6. markdown-preview-plus – для отображения preview файлов Markdown *.md. Превью появляется после комбинации клавиш Ctrl + Shift + M.
7. open-recent – позволяет открывать недавно открываемые файлы.
8. highlight-selected – Если выделили слово, то в других местах это же слово будет подсвечиваться. Очень полезное сочетание клавиш Ctrl + F3 для перемещения к следующему фрагменту кода, содержащего выделенный текст.
9. minimap-highlight-selected – дополнение к предыдущему пакету. Теперь подсветка выделяемого слова будет и в карте документа справа.
10. copy-path – добавляет в контекстное меню вкладок возможность скопировать имя файла или его путь.
11. symbols-tree-view – по сочетанию Ctrl + Alt + O добавляет список функций в файле для быстрого перехода между ними.
12. sort-lines – сортировка текста по F5. А если войти в консоль Ctrl + Shift + P и там набрать Sort, то увидите, что есть еще команды для работы с текстом по сортировке.
13. export-html – позволяет экспортировать документ в html с подсветкой синтаксиса. Переходим в консоль и там набираем export и выбираем нашу команду. Данным плагином можно частично заменить функцию печати документов: конвертируем файл в Html и уже в браузере его печатаем.
14. pdf-view для просмотра pdf документов.
15. language-latex для отображения LaTeX кода.

Кроме всех перечисленных пакетов есть еще один из мощных плагинов Atom редактора – Linter. Он позволяет проверять ошибки в коде. Очень полезная вещь.

Но сам по себе он бесполезен. Он скорее выступает как посредник для других подпакетов, которые заточены под конкретные языки программирования. Непосредственно в этих пакетах написано какие ошибки надо искать в коде. Но для них требуется обязательно установленный основной пакет Linter.

Например, устанавливаю я потом пакет linter-csslint, и у меня появляется возможность править документы с CSS и HTML.

Например, в данном документе я забыл поставить открывающую скобку:

ATOM текстовый редактор #2 Меню и интерфейс

Всем привет друзья! Во второй статье по текстовому редактору ATOM мы детально разберем его интерфейс и меню.

ATOM текстовый редактор #2 — Меню и интерфейс

Меню — File (Файл)

Первый пункт меню текстового редактора Atom, это меню File. Разберем каждый пункт меню, и если вдруг кому-то будет не совсем ясен тот или иной пункт меню Atom, то более подробно можно его понять из видео урока данной статьи, который расположен чуть выше. 😉

New Window — Открыть новое окно
New File — Создать новый файл
Open File — Открыть файл
Open Folder — Открыть папку
Add Project Folder — Добавить папку к проекту
Reopen Project — Открыть один из недавних, закрытых проектов
Reopen Last Item — Открыть последнюю закрытую вкладку
Settings — открыть панель настроек текстового редактора Atom
Config — Открыть файл настроек Atom
Init Script — Настройки ядра программы
Keymap — Настройки горячих клавиш
Snippets — Настройки кусков кода (сниппетов), которые разворачиваются по нажатию клавиши Tab
Stylesheet — Настройки файла стилей интерфейса программы (css)
Save — Сохранить файл
Save As — Cохранить файл как
Save All — Сохранить все измененные файлы
Close Tab — Закрыть активный файл
Close Pane — Закрыть панель
Close Window — Закрыть окно текстового редактора
Exit — Выйти из текстового редактора
Close All Tabs — Закрыть все открытые вкладки

Меню Edit (Редактирование)

Undo — Отменить действия
Redo — Перейти на шаг вперёд (по истории действий)
Cut — Вырезать выделение
Copy — Скопировать выделение
Copy Path — Скопировать путь до активного файла
Paste — Вставить
Select All — Выделить всё
Toggle Comments — Закомментировать / Раскомментировать строку

Lines — Строки
Indent — Отступ выделенных строк вперёд
Outdent — Отступ выделенных строк назад
Auto Indent — Авто расстановка отступов у выделенных строк
Move Line Up — Передвинуть на строку выше
Move Line Down — Передвинуть на строку ниже
Duplicate Lines — Дублировать выделенные линии
Delete Line — Удалить выделенные линии
Join Lines — Склеить выделенные линии (в одну строку)

Columns — Колонки
Move Selection Left — Cдвиг выделенного кода на символ влево
Move Selection Right — Сдвиг выделенного кода на символ вправо

Text — Текст
Upper Case — Перевод выделенного текста в верхний регистр
Lower Case — Перевод выделенного текста в нижний регистр
Delete to End of Word — Удалить конец слова
Delete to Previous Word Boundary — Удалить слово перед курсором
Delete to Next Word Boundary — Удалить слово после курса
Delete Line — Удалить строку
Transpose — Меняет символ слева и справа от курсора, местами

Folding — Сворачивание
Fold — Свернуть выделенный код
Unfold — Развернуть выделенный код
Fold All — Свернуть весь код
Unfold All — Развернуть весь код
Fold Level 1 — Свернуть код на первом уровне вложенности
Fold Level 2 — Свернуть код на втором уровне вложенности
Fold Level 3 — Свернуть код на третьем уровне вложенности
…

Reflow Selection — Склеивает строки (похож по действию на Lines > Join Lines)

Bookmark — Закладки
View All — Просмотр всех закладок
Toggle Bookmark — Поставить / Убрать закладку на строке
Jump to Next Bookmark — Перейти к следующей закладке
Jump to Previous Bookmark — Перейти к предыдущей закладке

Select Encoding — Выбор кодировки документа
Go to Line — Перейти к строке № (во всплывающем поле указывается номер строки)
Select Grammar — Выбор типа документа (js, html, php…) Влияет на подсветку кода документа

Меню View (Вид)

Toggle Full Screen — Переключится в полноэкранный режим
Toggle Menu Bar — Показать / Скрыть меню (Alt)

Panes — Панели
Split Up — Открыть в панели сверху
Split Down — Открыть в панели снизу
Split Left — Открыть в панели слева
Split Right — Открыть в панели справа
Focus Next Pane — Сфокусироваться на следующей панели
Focus Previous Pane — Сфокусироваться на предыдущий панели
Focus Pane Above — Сфокусироваться на панели выше
Focus Pane Below — Сфокусироваться на панели ниже
Focus Pane On Left — Сфокусироваться на панели слева
Focus Pane On Right — Сфокусироваться на панели справа
Close Pane — Закрыть панель

Developer — Панель разработчика

— Открывает редактор в режиме разработки

— Открывает панель разработчика, как в браузере Google Chrome

Increase Font Size — Увеличить размер шрифта
Decrease Font Size — Уменьшить размер шрифта
Reset Font Size — Сбросить размер шрифта к размеру по умолчанию
Toggle Soft Wrap — Включить / Отключить перенос строки
Toggle Command Palette — Открыть / Закрыть командную панель (Ctrl+Shift+P)
Toggle Git Tab — Открыть панель для работы с Git контролем версий
Toggle GitHub Tab — Открыть панель GitHub
Toggle Tree View — Показать / Скрыть дерево проекта (список фалов проекта) (Ctrl+\)

Меню Selection (Выделение)

Add Selection Above — Добавить курсор сверху (мультистрока)
Add Selection Below — Добавить курсор снизу (мультистрока)
Split Into Lines — Разделить выделенное на линии (мультистрока)
Single Selection — Одиночный курсор режим по умолчанию)
Select To Top — Выделить от курсора до начала документа
Select To Bottom — Выделить от курсора до конца документа
Select Line — Выделить линию
Select Word — Выделить слово на котором стоит курсор
Select to Beginning of Word — Выделить от курсора до начала слова
Select to Beginning or Line — Выделить от курсора до начала линии
Select to First Character of Line — Выделить от курсора до первого символа линии
Select to End of Word — Выделить до конца слова
Select to End of Line — Выделить до конца линии
Select Inside Brackets — Выделить код внутри скобок, внутри тегов

Меню Find (Поиск)

Find in Buffer — Поиск внутри документа
Replace in Buffer — Поиск и замена внутри документа
Select Next — Выделяет следующее совпадение по коду
Select All — Выделить все совпадения по коду
Toggle Find in Buffer — Открыть / Закрыть панель поиска по документу
Find in Project — Открыть поиск по документу
Toggle Find in Project — Открыть / Закрыть панель поиска по файлам проекта
Find All — Найти все совпадения
Find Next — Найти следующее совпадение
Find Previous — Найти предыдущее совпадение
Replace Next — Заменить следующие совпадение
Replace All — Заменить все найденные совпадения
Clear History — Очистить всю историю поиска
Find Buffer — Открыть панель со списком открытых вкладок
Find File — Открыть панель со списком всех файлов проекта
Find Modified File — Открыть список измененных файлов

Меню Packages (Плагины)

В этом меню перечислены все установленные плагины, в которых есть какие-то настройки либо команды.

Меню Help (Помощь)

В этом меню дополнительная информация о текстовом редакторе Atom. Также здесь можно открыть начальное обучающее окно приветствия.

Вот мы и разобрали основное меню текстового редактора Atom.

Меню панели Поиска и Замены

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

Кнопки:
Find — Найти следующее совпадение
Find All — Выделить все найденные совпадения
Replace — Заменить текущее совпадение на …
Replace All — Заменить все совпадения на …

Кнопки управления параметров поиска (правый верхний угол панели поиска)

Поиск по регулярному выражению

Поиск без учета регистра

Поиск внутри выделенного текста

Поиск по целым словам (а не по части слов совпавших с искомым текстом)

Нижняя информационная панель Atom

Будем двигаться слева направо.

Название редактируемого документа (звездочка в конце названия говорит о том, что файл изменен, но не сохранен)

Позиция курсора — Строка | Колонка

Если выделить код, то появляется информация о том, сколько Строк | Символов выделено

В каком виде будет отображаться табуляция (в системе Unix или Windows) (полезно для линтеров, когда ошибки засвечивает на каждой строке)

Кодировка документа (и при клике — панель ее выбора)

Тип документа (при клике — панель смены типа документа)

Информация Git контроля версий о количестве измененных файлов и кнопкой открытия панели Git.

На этом я заканчиваю разбор меню интерфейса текстового редактора Atom. Всем спасибо за ваше внимание, комментарии и подписки!

Ну а я готовлю следующий урок по текстовому редактору Atom, где мы будем разбираться с настройками Atom.

10-ка плагинов для Atom | Losst

Редактор Atom от Github — один из лучших доступных на данный момент редакторов исходного кода, популярность которого растёт с каждым днём. Он может работать в Windows, Linux, MacOS, поддерживает удобное автодополнение и по прежнему остается бесплатным, опережая некоторые коммерческие программы.

Количество плагинов растет в геометрической прогрессии, на данный момент доступно более чем 750 тем оформления и 2400 пакетов плагинов. Причиной этому послужила расширяемость редактора с помощью веб-технологий. Если вы разрабатываете приложения для веб, редактор Atom будет отличным выбором. Я подробно рассматривал как устанавливать плагины и готовить Atom к работе в статье Как пользоваться Atom. Сегодня же будут только лучшие плагины.

Содержание статьи:

Лучшие плагины для Atom

1. Open Recent

Как и в Sublime в Atom используется простое управление проектами на основе папок. Расширение Open Recent позволяет с легкостью найти и открыть недавно редактированные файлы.

Если вам нужно что-то более сложное, попробуйте плагин Project Manager.

2. TODO-show

Вы запустили Atom, открыли проект, но что же дальше? Плагин Todo-show показывает все разбросанные по всему проекту комментарии содержащие слова todo, fixme и changed. Можно также добавить свои регулярные выражения. Запустить расширение можно открыв меню Packages -> Todo show:

3. Minimap

Плагин Minimap один из самых популярных пакетов Atom. Плагин собирает ваш код в мини карту для более быстрой навигации.

4. Highlight Selected

При выделении любого слова в Sublme и Notepad++ все другие его вхождения подсвечиваются. Highlight Selected добавляет эту функцию в Atom. Это особенно удобно в сочетании с мини картой.

5. Auto-close HTML

Это очень просто, но я не мог жить без автоматического закрытия тегов HTML. Плагин Auto-close HTML помогает определить каким тегом нужно завершить строчку или блок.

6. Pigments

Наверное, вы уже видели превью цветов CSS раньше. Но в Pigments еще больше возможностей, он анализирует цвета, понимает переменные пре-процессора и выполняет функции изменения цвета.

7. Linter

Плагин Linter — пакет подсветки синтаксиса и проверки ошибок. Он один из лучших, эффективный, быстрый и менее навязчив чем другие конкуренты.

Обратите внимание, Linter основной пакет, который обеспечивает API для других вспомогательных дополнений. На данный момент поддерживается 28 языков. Проверка HTML, CSS, JavaScript работает мгновенно, но все зависит от особенностей установки и последующей конфигурации. Вам ещё могут понадобится специальные пакеты для подсветки синтаксиса в нужных языках программирования и разметки, например htmllint и phplint. Также для работы плагинов, возможно, придется установить пакет atom-ide-ui.

8. Auto Detect Indentation и Atom Beautify

Программисты никогда не придут к согласию какие отступы использовать, два, три или восемь пробелов. Я обычно использую трех символьную табуляцию. С плагином Auto Detect Indentation вам больше нет о чем волноваться. Можете сделать свой код еще красивее с помощью плагина atom-beautify.

Пакет Atom Beautify улучшает форматирование кода согласно стандартам выбранного языка. После установки вы найдете его в меню Packages -> Beautify.

9. Emmet

Плагин Emmet ранее был известный как Zen Code. Позволяет с помощью небольших инструкций создавать развернутые html или css блоки с использованием различных атрибутов. Просто наберите команду emmet, например html:5 и нажмите клавишу Tab чтобы сработало автодополнение. Плагин автоматически создаст вам верстку, которую потом только остается немного поправить:

10. Rest Client

Наши список «Плагины для Atom» подходит к завершению. Если вы создаете веб приложение REST, расширение Rest Client — это быстрый и удобный инструмент для тестирования. Он не такой мощный как например Postman но все же делает свою работу.

А вы уже настроили свой Atom? Я не забыл упомянуть ваш любимый плагин? Напишите о нём в комментариях!

Оцените статью:

Загрузка…

Примечания к выпуску

Заметные изменения

Ядро атома

v1.50.0 … 1.51.0-beta0

Заметные изменения

Ядро атома

v1.48.0 … 1.49.0-beta0

Заметные изменения

Ядро атома

v1.47.0 … 1.48.0-beta0

Заметные изменения

Заметные изменения

Ядро атома

v1.44.0 … v1.45.0-beta0

github

v0.33.0 … v0.34.0

Заметные изменения

Ядро атома

v1.43.0 … v1.44.0-beta0

github

v0.31.1-2 … v0.33.0

Исправлена ​​проблема, препятствовавшая установке и загрузке некоторых пакетов с собственными модулями (# 19780)

Исправлена ​​проблема, препятствовавшая установке и загрузке некоторых пакетов с собственными модулями (# 19780)

Заметные изменения

• atom / github # 2124 — комментарии и резюме обзора доступны для редактирования на вкладке обзора
• atom / github # 2102 — Статусы проверок включены в страницу статуса сборки PR элемента
• atom / github # 2195 — Избегайте остановок при открытии ветки, связанной с PR, которая имеет большой (> 1 МБ) патч
• atom / github # 2128 — Показать дружеское сообщение, когда сеть недоступна (вместо ужасного сбоя 🙈), и попытаться восстановить соединение, когда сеть снова станет доступной
• atom / atom # 19579 — Улучшена обработка .gitignore крайние случаи
• atom / atom # 17813 — включить параллельную установку нескольких каналов выпуска (например, Atom, Atom Beta и Atom Nightly) в Windows
• atom / atom # 19594 — Повышена надежность операции «перезагрузка и установка» при обновлении Atom
• atom / atom # 19556 — Добавить новую настройку точки внедрения для поддержки синтаксического анализа макросов Rust с помощью языковой инъекции
• atom / atom # 18738 — Показать грамматики Tree-sitter в селекторе грамматик
• atom / atom # 19528 — присвоить originalFontSize при инициализации рабочего пространства
• atom / find-and-replace # 1095 — Добавить параметр pcre2 ripgrep для операций поиска и замены
• atom / language-c # 331 — Добавить noexcept и mutable и удалить _Atomic из tree-sitter-cpp
• atom / language-javascript # 650 — Исправить автоматический отступ, когда предыдущая строка заканчивается комментарием с цитатой
• atom / language-javascript # 651 — Разрешить использование фрагментов JS в файлах Flow
• atom / language-php # 360 — Исправлена ​​проблема с подсветкой синтаксиса для гибких HEREDOC и NOWDOC в PHP 7.3

Ядро атома

версии 1.39.1 … версии 1.40.0

брекет-матч

v0.91.0 … v0.91.1

найти и заменить

версии 0.218.12 … версии 0.219.0

github

v0.29.0 … v0.30.0

проверка орфографии

v0.74.5 … v0.75.0

язык-c

v0.60.17 … v0.60.18

язык-javascript

v0.130.0 … v0.132.0

.

Основы Atom

[[выдержка]]

[[/ записи]]

v1.51.0

v1.50.0

v1.49.0

v1.48.0

v1.47.0

v1.46.0

v1.45.0

v1.44.0

v1.43.0

v1.42.0

v1.41.0

v1.40.1

v1.40.0

v1.39.1

v1.39.0

v1.38.2

v1.38,1

v1.38.0

v1.37.0

v1.36.1

v1.36.0

v1.35.1

v1.35.0

v1.34.0

v1.33.1

v1.33.0

v1.32.2

v1.32.1

v1.32.0

v1.31.2

v1.31.1

v1.31.0

v1.30.0

v1.29.0

Версия 1.28.2

Версия 1.28.1

v1.28.0

v1.27.2

v1.27,1

Версия 1.27.0

Версия 1.26.1

Версия 1.26.0

v1.25.1

v1.25.0

v1.24.1

v1.24.0

v1.23.3

v1.23.2

v1.23.1

v1.23.0

v1.22.1

v1.22.0

v1.21.2

v1.21.1

v1.21.0

v1.20.1

v1.20.0

v1.19.7

v1.19.6

v1.19.5

v1.19,4

v1.19.3

v1.19.2

v1.19.1

v1.19.0

Версия 1.18.0

v1.17.2

v1.17.1

v1.17.0

v1.16.0

v1.15.0

v1.14.4

v1.14.3

v1.14.2

v1.14.1

v1.14.0

v1.13.1

v1.13.0

v1.12.9

v1.12.8

v1.12.7

v1.12.6

v1.12,5

v1.12.4

v1.12.3

v1.12.2

v1.12.1

v1.12.0

v1.11.2

v1.11.1

v1.11.0

v1.10.2

v1.10.1

v1.10.0

v1.9.9

v1.9.8

v1.9.7

v1.9.6

v1.9.5

v1.9.4

v1.9.3

v1.9.2

v1.9.1

v1.9.0

v1.8.0

v1.7,4

v1.7.3

v1.7.2

v1.7.1

v1.7.0

v1.6.2

v1.6.1

v1.6.0

v1.5.4

v1.5.3

v1.5.2

v1.5.1

v1.5.0

v1.4.3

v1.4.2

v1.4.1

v1.4.0

v1.3.3

v1.3.2

v1.3.1

v1.3.0

v1.2.4

v1.2.3

v1.2.2

v1.2.1

v1.2.0

v1.1.0

v1.0.19

v1.0.18

v1.0.17

v1.0.16

v1.0.15

v1.0.14

v1.0.13

v1.0.12

v1.0.11

v1.0.10

v1.0.9

v1.0.8

v1.0.7

v1.0.6

v1.0.5

v1.0.4

v1.0.3

v1.0.2

v1.0.1

v1.0,0

.

атом-украсить

Установить Unibeautify CI для GitHub

Помогите улучшить Atom-Beautify, заполнив краткую анкету: https://goo.gl/iEHBNr

Украсить HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C ++, C #, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL и другие в Atom

Содержание

Установка

Пакет Atom: https: // atom.io / пакеты / atom-beautify

 
 apm установить atom-beautify 
 

Или Настройки / Предпочтения ➔ Установить ➔ Искать atom-beautify

Установить Unibeautify CI для GitHub

Важное примечание: Analytics

Atom-Beautify учитывает параметр конфигурации core.telemetryConsent из редактора Atom.
Если вы не хотите, чтобы данные об использовании отправлялись в Google Analytics, перед использованием Atom-Beautify установите core.telemetryConsent на no или не определено .См. Подробности в разделе документации Anonymous Analytics .
Спасибо.

Следующая версия: Unibeautify

Atom-Beautify будет полностью переписан с использованием Unibeautify в своей основе!
Сведения о незавершенных работах и ​​проблеме № 1174 см. В ветке unibeautify .

Установить Unibeautify CI для GitHub

Опрос: Улучшение установки сторонних бьютификаторов

Многие пользователи испытывают проблемы при установке сторонних украшений (например.г. Uncrustify, PHP-CS-Fixer и многие другие).
Возможное решение — «облачный» сервис, обеспечивающий удаленный доступ к этим устройствам красоты. Затем Atom-Beautify будет связываться с этими службами, что позволяет не устанавливать никаких дополнительных устройств.

Сообщите нам, что вы думаете!

Украшатели

Некоторые из поддерживаемых средств украшения разработаны для Node.js и автоматически устанавливаются при установке Atom-Beautify. Однако другие средства красоты являются приложениями интерфейса командной строки (CLI) и требуют ручной установки.

Языковая поддержка

См. Все поддерживаемые параметры в документации по адресу docs / options.md .

Использование

Палитра команд

Откройте палитру команд, введите Beautify и запустите Beautify Editor .

Украсьте определенный язык

Вы можете использовать палитру команд, чтобы украсить редактор для определенного языка.
Команды имеют вид Atom Beautify: Beautify Language {NAME} (i.е. atom-beautify: beautify-language- {NAME} для быстрых клавиш).
Например, вы можете захотеть украсить код JavaScript в файле HTML .

Выбор кода

Украшает выделенный текст только в том случае, если выделение найдено — в противном случае улучшается весь файл.

Украсить при сохранении

Украсить при сохранении можно включить для каждого языка отдельно.

Например, для языка HTML перейдите в настройки пакета Atom-Beautify ( Atom ➔ Настройки ➔ Найдите atom-beautify ), найдите HTML и переключите опцию Beautify On Save .

Сочетание клавиш

Вы также можете набрать Ctrl-Alt-B в качестве ярлыка или щелкнуть Packages> Beautify в меню.

Пользовательские сочетания клавиш

См. Подробное описание раскладки клавиатуры.

Например:

 
 '.editor': 
 
 'ctrl-alt-b': 'atom-beautify: beautify-editor' 
 

Конфигурация

Отредактируйте файл .jsbeautifyrc в любом из следующих мест:

• Настройки пакета Atom
  Atom ➔ Настройки ➔ Искать atom-beautify
• Тот же каталог, что и текущий файл
• Корень проекта
  atom-beautify будет рекурсивно искать из каталога текущего файла, чтобы найти .jsbeautifyrc .
• Домашний каталог вашего пользователя

Примечание : Комментарии поддерживаются в .jsbeautifyrc благодаря strip-json-comments.

Смотрите примеры обоих способов внутри examples /

См. Все поддерживаемые параметры в документации по адресу docs / options.md .

Простой

См. Примеры / simple-jsbeautifyrc / .jsbeautifyrc.

 
 {
 
 "indent_size": 2, 
 
 "indent_char": "", 
 
 "other": "", 
 
 "indent_level": 0, 
 
 "indent_with_tabs": false, 
_ 
newlines "preserve : True, 
 
 "max_preserve_newlines": 2, 
 
 "jslint_happy": true, 
 
 "indent_handlebars": true 
 
} 
 

Вложенный (рекомендуется)

См. Примеры / nested-jsbeautifyrc /.jsbeautifyrc.

 
 {
 
 "html": {
 
 "brace_style": "collapse", 
 
 "indent_char": "", 
 
 "indent_scripts": "normal", 
 
 "indent_size": 6, 
 
 " max_preserve_newlines ": 1, 
 
" preserve_newlines ": true, 
 
" unformatted ": [" a "," sub "," sup "," b "," i "," u "], 
 
" wrap_line_length " : 0 
 
}, 
 
 "css": {
 
 "indent_char": "", 
 
 "indent_size": 4 
 
}, 
 
 "js": {
 
 "indent_size": 2, 
 
 "indent_char": "", 
 
 "indent_level": 0, 
 
 "indent_with_tabs": false, 
 
 "preserve_newlines": true, 
 
 "max_preserve_newlines": 2, 
 
 "jslint_happy", 
 "jslint_ha0003", 
 
 "sql": {
 
 "indent_size": 4, 
 
 "indent_char": "", 
 
 "indent_level": 0, 
 
 "дюйм dent_with_tabs ": ложь 
 
} 
 
} 
 

Поиск и устранение неисправностей

См. Документацию / устранение неисправностей .мкр .

Вклад

См. CONTRIBUTING.md .

См. Всех участников на GitHub.

Обновите CHANGELOG.md,
добавить себя в качестве участника package.json,
и отправьте запрос на слияние на GitHub.

Лицензия

MIT © Главин Вихерт

.

Атом

[[выдержка]]

[[/ записи]]

v1.51.0

v1.50.0

v1.49.0

v1.48.0

v1.47.0

v1.46.0

v1.45.0

v1.44.0

v1.43.0

v1.42.0

v1.41.0

v1.40.1

v1.40.0

v1.39.1

v1.39.0

v1.38.2

v1.38.1

v1.38,0

v1.37.0

v1.36.1

v1.36.0

v1.35.1

v1.35.0

v1.34.0

v1.33.1

v1.33.0

v1.32.2

v1.32.1

v1.32.0

v1.31.2

v1.31.1

v1.31.0

v1.30.0

v1.29.0

Версия 1.28.2

Версия 1.28.1

v1.28.0

v1.27.2

v1.27.1

v1.27,0

Версия 1.26.1

Версия 1.26.0

v1.25.1

v1.25.0

v1.24.1

v1.24.0

v1.23.3

v1.23.2

v1.23.1

v1.23.0

v1.22.1

v1.22.0

v1.21.2

v1.21.1

v1.21.0

v1.20.1

v1.20.0

v1.19.7

v1.19.6

v1.19.5

v1.19.4

v1.19,3

v1.19.2

v1.19.1

v1.19.0

Версия 1.18.0

v1.17.2

v1.17.1

v1.17.0

v1.16.0

v1.15.0

v1.14.4

v1.14.3

v1.14.2

v1.14.1

v1.14.0

v1.13.1

v1.13.0

v1.12.9

v1.12.8

v1.12.7

v1.12.6

v1.12.5

v1.12,4

v1.12.3

v1.12.2

v1.12.1

v1.12.0

v1.11.2

v1.11.1

v1.11.0

v1.10.2

v1.10.1

v1.10.0

v1.9.9

v1.9.8

v1.9.7

v1.9.6

v1.9.5

v1.9.4

v1.9.3

v1.9.2

v1.9.1

v1.9.0

v1.8.0

v1.7.4

v1.7.3

v1.7.2

v1.7.1

v1.7.0

v1.6.2

v1.6.1

v1.6.0

v1.5.4

v1.5.3

v1.5.2

v1.5.1

v1.5.0

v1.4.3

v1.4.2

v1.4.1

v1.4.0

v1.3.3

v1.3.2

v1.3.1

v1.3.0

v1.2.4

v1.2.3

v1.2.2

v1.2.1

v1.2.0

v1.1.0

v1.0.19

v1.0.18

v1.0.17

v1.0.16

v1.0.15

v1.0.14

v1.0.13

v1.0.12

v1.0.11

v1.0.10

v1.0.9

v1.0.8

v1.0.7

v1.0.6

v1.0.5

v1.0.4

v1.0.3

v1.0.2

v1.0.1

v1.0.0

.