Программа Atom для программирования

Обновлено: 24.11.2024

Когда я впервые начал использовать RStudio, я искренне влюбился в R. Работа, которую сообщество RStudio смогло проделать для создания надежного текстового редактора, тесно связанного со средой R, изменила правила игры. По этой причине я хочу начать со следующего предостережения. Если вы все еще только начинаете работать с R, я настоятельно рекомендую использовать RStudio.

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

Мой выбор Atom частично связан с желанием всегда пытаться выяснить что-то новое, а также с тем, что я использую больше Markdown, SQL, JavaScript, больше Cypher и больше Python, наряду с моей разработкой R. По этой причине я хотел попытаться найти редактор, который позволил бы мне работать с несколькими файлами, и рабочие процессы, объединяющие несколько типов файлов. Моим первым выбором был Sublime Text. Мне очень понравилось использовать SublimeText, но по разным причинам я открыл для себя Atom и постепенно построил свой рабочий процесс на его использовании, а не на SublimeText. Честно говоря, я не совсем понимаю, почему, так что считайте меня агностиком в отношении Atom/SublimeText.

Установка

Первый шаг, установка, довольно прост. Инструкции по установке Atom хорошо описаны. Документация хорошо написана, отчасти (я подозреваю), потому что у них есть ресурсы и опыт команды GitHub, которые обычно создают хорошо написанную документацию для ресурсов GitHub.

Пакеты

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

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

Тем не менее, с тех пор как я использовал Atom, я нашел несколько бесценных пакетов:

    : пакет для автоматического форматирования кода (включая Markdown) с поддержкой ряда языков, включая R (с использованием пакета formatR от Yihui Xie). : В последнее время я так много работаю в Markdown, разрабатывая свои рабочие процессы, что наличие этого инструмента, встроенного прямо в Atom, реально спасает жизнь. : Честно говоря, мне нужно объяснять, почему это полезно? Тем более, что я перехожу от кода общего назначения к конкретным рабочим процессам, которые могут обрабатывать вложенные операторы if / else и foo(), которые возникают для работы с пограничными случаями, я обнаружил, что хороший сопоставитель скобок бесценен. : поддерживает R в Atom, включая подсветку кода.

Получение каналов с помощью сочетаний клавиш

Больше всего при переходе с RStudio на Atom мне не хватало того, что я больше не мог использовать CTRL-SHIFT-M, чтобы получить свои прекрасные каналы %>%. Сначала я сопротивлялся трубкам, потому что всегда борюсь со своим инстинктом неприязни ко всему новому, чего не открываю для себя (Убирайтесь с моей лужайки, крутые ребята!).

Atom поддерживает различные сочетания клавиш, некоторые из них могут быть простыми (например, Atom использует CTRL-N для нового файла, а не CTRL-SHIFT-N в RStudio), но эти сочетания клавиш можно настроить. Очень быстро, чтобы добавить в редактор поддержку каналов, вам нужно изменить два файла:

  1. Отредактируйте файл init.coffee. Для этого выберите «Правка» > «Сценарий инициализации». Откроется файл с именем init.coffee. Этот файл взаимодействует с API Atom (набор определенных функций для взаимодействия с Atom) для создания пользовательских функций. Я написал один, который выглядит так:

Итак, теперь, связанная с текстовым редактором, есть функция, которую мы можем назвать custom:piper . Теперь мы будем использовать это, чтобы связать custom:piper с привязкой клавиш для CRTL-SHIFT-M:

  1. Исправить привязку клавиш: перейдите в меню «Правка» > «Раскладка клавиш…». Откроется новое окно. Большинство ваших прикрепленных пакетов имеют свои собственные определенные привязки раскладок. Здесь вы определите пользовательские привязки, которые являются вашими собственными. Для этого добавьте код:

После того, как вы закроете и перезапустите Atom, вы получите доступ к пайпам с помощью Ctrl-Shift-M и некоторым другим замечательным инструментам через ваши пакеты.

Текстовые редакторы, также называемые редакторами кода, представляют собой приложения, используемые разработчиками для написания кода. Они выделяют и форматируют ваш код, чтобы его было легче читать и понимать. Если вы использовали Codecademy, вы уже знакомы с текстовым редактором! Это область, в которой вы пишете свой код.

Текстовые редакторы предоставляют веб-разработчикам ряд преимуществ:

  • Подсветка синтаксиса для конкретного языка
  • Автоматический отступ кода
  • Цветовые схемы в соответствии с вашими предпочтениями и оптимизируют читаемость кода.
  • Подключаемые модули для обнаружения ошибок в коде
  • Древовидное представление папок и файлов вашего проекта для удобной навигации по проекту.
  • Сочетания клавиш для ускорения разработки

1. ВЫБОР ТЕКСТОВОГО РЕДАКТОРА

На выбор предлагается несколько текстовых редакторов. Atom и Sublime Text — два самых популярных текстовых редактора, используемых разработчиками.

Sublime Text уже много лет является предпочтительным текстовым редактором. Он стабилен и надежен.

Atom был выпущен GitHub после Sublime Text. Это полностью настраиваемый текстовый редактор. Поскольку Atom написан на HTML, CSS и JavaScript, вы сможете настроить его самостоятельно после изучения этих языков.

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

Упражнение I. Загрузите Atom

В этом видео подробно показано, как загрузить и установить Atom.

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

ОС Х

Atom работает на компьютерах Mac под управлением OS X 10.8 или более поздней версии. Посетите домашнюю страницу Atom и нажмите «Загрузить для Mac». Через несколько секунд Atom появится в папке «Загрузки» в виде ZIP-файла:

Нажмите на файл atom-mac.zip, чтобы извлечь приложение, затем перетащите новый значок в папку «Приложения». Дважды щелкните значок приложения, чтобы загрузить Atom и начать работу.

Окна

Atom поддерживает Windows 7 или более позднюю версию. Посетите эту веб-страницу и загрузите atom-windows.zip. Через несколько секунд Atom появится в папке «Загрузки» в виде ZIP-файла.

Для начала следуйте инструкциям установщика Windows. Вы можете посетить страницу установки Atom для Windows для получения более подробных инструкций.

2. Папки разработки

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

Большинство разработчиков хранят свои проекты в удобном для поиска каталоге (который вы, возможно, привыкли называть папкой). Здесь, в Codecademy, мы рекомендуем назвать этот каталог проектами. Он будет хранить все ваши проекты кодирования. Всякий раз, когда вы создаете новый проект, независимо от того, насколько он мал, вы всегда должны создавать новую папку внутри каталога ваших проектов. Вы обнаружите, что проекты из одного файла могут быстро превратиться в большие проекты с несколькими папками.

Упражнение 2. Создайте папку разработки

Ниже приведены шаги, которые необходимо выполнить, чтобы создать новую папку для всех ваших программных проектов. Вы также узнаете, как загрузить новую папку проекта в Atom. Для шагов 1 и 2 перейдите к папке с помощью Finder (для пользователей Mac) или My Computer (для пользователей ПК).

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

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

Откройте Atom на своем компьютере.

Atom предоставляет древовидное представление вашего проекта, поэтому вы можете удобно переходить к различным папкам и файлам. В строке меню Atom выберите «Файл» > «Добавить папку проекта». Это запустит ваш файловый менеджер. Перейдите в папку HelloWorld и выберите Открыть. Папка откроется на боковой панели Atom. На данный момент в папке не должно быть содержимого. Мы добавим файл в следующем упражнении.

3. Добавление файла

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

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

Расширение файла — это суффикс имени файла, описывающий тип содержимого, содержащегося в файле. Расширение файла всегда представляет собой последние 3 или 4 символа в имени файла, которым предшествует точка. Например, расширение файла HTML — .html , и оно указывает браузеру (и другим приложениям) интерпретировать содержимое файла как веб-страницу.

После того, как Atom загрузит папку проекта, вы можете добавлять файлы. Шаги ниже описывают, как добавить файлы. Не беспокойтесь о том, чтобы сделать это на своем собственном компьютере. Мы вернемся к этому в упражнении 3.

  1. На верхней панели Atom выберите «Файл» > «Новый файл». Появится пустой файл без названия.
  2. На верхней панели Atom выберите «Файл» > «Сохранить» или «Сохранить как». Назовите файл с соответствующим расширением файла (.html, .css, .csv). Крайне важно указать правильное расширение файла, чтобы программы знали, как интерпретировать его содержимое.
  3. Начинайте программировать! Чаще сохраняйте файл. Это уменьшит вероятность потери несохраненной работы.

Упражнение III. Добавьте файл

В этом упражнении вы создадите файл index.html в своем проекте Hello World.

  1. На верхней панели Atom выберите «Файл» > «Новый файл». Появится пустой файл без названия.
  2. Прежде чем сохранить файл, скопируйте и вставьте следующий стандартный HTML-код:

Примечание. Весь текст в вашем файле имеет одинаковый цвет. Это изменится после того, как вы сохраните файл как .html .

<р>3. В верхней панели Atom выберите «Файл» > «Сохранить» или «Сохранить как».

<р>4. Назовите файл index.html. Крайне важно использовать расширение файла .html, чтобы текстовый редактор и веб-браузер знали, как интерпретировать ваш код.

4. Расширения файлов и подсветка синтаксиса

Atom и другие текстовые редакторы могут интерпретировать расширения файлов и обеспечивать подсветку синтаксиса для конкретного языка. Подсветка синтаксиса — это инструмент, который делает код более легким для чтения. Взгляните на свой файл index.html. Текст и теги разного цвета. Вот как Atom выделяет синтаксис .html. С каждым новым языком, который вы изучаете, Atom будет выделять текст таким образом, чтобы ваш код было легко читать. Это может отличаться от других текстовых редакторов, а также отличаться от того, как ваш код выделяется в Codecademy.

Упражнение IV. Откройте HTML-файл в веб-браузере

На этом этапе ваш файл готов для просмотра в веб-браузере. Следующие шаги следует предпринять вне Atom:

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

В наши дни красивые текстовые редакторы с открытым исходным кодом довольно распространены: Brackets от Adobe, VSCode от Microsoft и Atom от GitHub. Кажется, что каждый из них предлагает схожие возможности: современный интерфейс, легко устанавливаемые плагины и спонсор крупного бренда. И все они на самом деле хороши. Так что же отличает Atom от любого другого сверхсовременного текстового редактора? Или из классического старого редактора, такого как Vim или Emacs?

Я пользовался многими текстовыми редакторами, и, поразмыслив, должен признать, что, увидев один текстовый редактор, вы, по сути, видели их все. При оценке эффективности редактора 80% требований выполняются, если он выполняет одну функцию: редактирует текст. Остальные 20% — это дополнительные удобства, дополнительные штуковины и причудливые функции. Их приятно иметь, но вряд ли они необходимы.

Больше отличного контента

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

Для начинающих

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

Он просто отличается от других, чтобы казаться уникальным, но достаточно "безопасным", чтобы заставить людей поверить (и правильно), что они могут его использовать. Это сложная линия, но Атом справляется, и я ценю ее за это.

Отличные расширения

Когда большинство требований выполняются сразу после запуска приложения, основным фактором «продажи» текстового редактора с открытым исходным кодом являются его расширения. Мой обычный редактор — GNU Emacs, который имеет ошеломляющий набор расширений, настолько универсальных, что они могут предоставить все, от клиента электронной почты до видеоигры. Это трудно превзойти, и, честно говоря, я еще не видел редактора, который может это сделать. Тем не менее, это показывает, насколько важными могут быть расширения, и у Atom есть хороший набор подключаемых модулей.

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

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

Поддержка языка и синтаксиса

Я являюсь поклонником Docbook. Кроме того, я поклонник его упрощенного внешнего интерфейса Asciidoc. Когда я оцениваю редактор, схема Docbook и поддержка Asciidoc являются двумя моими основными показателями. Хотя поддержка XML является относительно распространенной, интеграция с определенной схемой может быть трудной задачей, а Asciidoc все еще относительно малоизвестен. Сообщество Atom отлично поддерживает мои любимые форматы.

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

Простое оформление

Atom позволяет создавать собственный стиль так же просто, как и стиль веб-сайта, поэтому, если вы разбираетесь в CSS, вы можете создать собственную тему Atom. Чтобы создать собственную тему, перейдите в меню «Пакет». Если вы не видите меню «Пакет», сначала нажмите клавишу Alt, чтобы открыть верхнюю строку меню. В меню «Пакет» наведите указатель мыши на «Генератор пакетов» и выберите «Создать тему синтаксиса Atom». Откроется новый проект с именем my-theme-syntax по умолчанию. Вы можете назвать его как хотите, но в соответствии с соглашением Atom оно должно заканчиваться на -syntax.

В новом проекте темы найдите следующие файлы: base.less , colors.less и синтаксис-переменные.less . Они определяют, как специальные ключевые слова и даже цвета фона и переднего плана будут тематическими, когда ваш синтаксис активен. Поскольку все они наследуют значения из общего шаблона, их довольно легко взломать. Например:

Значения, заканчивающиеся двумя дефисами, например .syntax--keyword , являются объектами, распознаваемыми механизмом подсветки синтаксиса. Если вы хотите расширить свои настройки, конечно, вы даже можете создать свои собственные определения синтаксиса (хотя это больше работы, чем тематика CSS). Узнайте все о способах взлома Atom на сайте Flight-Manual.atom.io.

Гибкий рабочий процесс

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

Даже его интеграция с Git не настаивает на том, что вы могли бы представить как очевидный репозиторий (Github спонсирует Atom). У него нет повестки дня, и он одинаково полезен для всех, независимо от аудитории.

Установка

В Linux, Windows и macOS вы можете установить Atom с его веб-сайта.

Кроме того, в Linux вы можете установить Atom как Flatpak из Flathub.

Если вы хотите собрать Atom самостоятельно, вы также можете скомпилировать его из исходного кода на Github.

Попробовать Атом

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

3 типа полезных пакетов текстового редактора Atom для писателей

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

Получите максимум от текстового редактора Vi

Vi — типичный текстовый редактор Unix. Познакомьтесь с ним или любым из его воплощений, Vim, Neovim, gVim, nvi или Elvis для Linux, macOS, Windows или BSD.

Почему я люблю Emacs

Emacs — это не просто текстовый редактор; он предоставляет вам полный контроль и позволяет решить практически любую проблему, с которой вы столкнетесь.

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

Переход на веб-сайт

Atom – это настольное приложение, основанное на веб-технологиях. Как и у других настольных приложений, у него есть собственный значок в доке, собственные меню и диалоговые окна, а также полный доступ к файловой системе.

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

Интеграция с Node.js

Поддержка Node.js упрощает доступ к файловой системе, создание подпроцессов и даже запуск серверов непосредственно из вашего редактора. Нужна библиотека? Выбирайте из более чем 50 тысяч в репозитории пакетов Node. Нужно вызвать C или C++? Это тоже возможно.

Простая интеграция позволяет свободно сочетать использование Node и API браузера. Управление файловой системой и запись в DOM с помощью одной функции JavaScript.

Модульная конструкция

Atom состоит из более чем 50 пакетов с открытым исходным кодом, объединенных минимальным ядром. Наша цель — глубоко расширяемая система, которая стирает различие между «пользователем» и «разработчиком».

Не нравится какая-то часть Atom? Замените его своим собственным пакетом, а затем загрузите его в центральный репозиторий на atom.io, чтобы все остальные тоже могли его использовать.

Полнофункциональный, прямо из коробки

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

Читайте также: