The atom: A hackable text editor for the 21st Century

Лучшие бесплатные редакторы для разработки и документации: Atom / Хабр

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

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

Установка

На Хабре как-то писали про него в контексте сравнения текстовых редакторов и инструментов разработки для Windows, но с тех, пор много воды утекло и пользователей ОС Linux не удивишь одним фактом того, что годный редактор да еще и бесплатно.

Установка редактора ничем не отличается от установки любого другого пакета из репозиториев, но для Gentoo Atom еще не стабилизировался.

(2:53)$ eix -e atom
* app-editors/atom
     Доступные версии:      
     (0)    ~1.23.3
     (beta) [M]~1.24.0_beta3
       {test PYTHON_TARGETS="python2_7"}
     Домашняя страница:     https://atom.io
     Описание:              A hackable text editor for the 21st Century

Можно установить нестабильный вариант, предварительно записав

app-editors/atom ~amd64

в файл /etc/portage/package.accept_keywords. Однако, это дает установить лишь старую версию.

(2:56)$ sudo emerge -av app-editors/atom

These are the packages that would be merged, in order:
Calculating dependencies... done!
... <зависимые пакеты>
app-editors/atom-1.23.3::gentoo

Поэтому, предлагаю немного срезать углы. Скачиваем последний deb файл и устанавливаем командой dpkg, которая доступна также и в Gentoo.

(2:62)$ sudo dpkg --no-force-depends -i atom-amd64.deb

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

Особенности атомного проекта

Краткой строкой проекта является слоган a hackable text editor for the 21st Century. Это можно перевести как легко перепрограммируемый текстовый редактор для 21-го века.

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

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

Почти все настройки хранятся в CSON файлах и выглядят примерно так:

"*":
  core:
    telemetryConsent: "limited"
    themes: [
      "one-dark-ui"
      "base16-tomorrow-light-theme"
    ]
  "exception-reporting":
    userId: "b5dd74b8-b105-47ef-b89b-4e0f21b8d946"

Если вам это напоминает JSON, то вы не так далеки от истины, это его кузен, так сказать. Пожалуй CSON не такой вырвиглазный более читабельный за счет того, что в нем меньше скобок, нет необходимости все брать в кавычки и экранировать. Для сравнения тот же объект на двух диалектах.

JSON объект

{
  "greatDocumentaries": [
    "earthlings.com",
    "forksoverknives.com",
    "cowspiracy.com"
  ],
  "importantFacts": {
    "emissions": "Livestock and their byproducts account for at least 32,000 million tons of carbon dioxide (CO2) per year, or 51% of all worldwide greenhouse gas emissions.\nGoodland, R Anhang, J. “Livestock and Climate Change: What if the key actors in climate change were pigs, chickens and cows?”\nWorldWatch, November/December 2009. Worldwatch Institute, Washington, DC, USA. Pp. 10–19.\nhttp://www.worldwatch.org/node/6294",
    "milk": "1,000 gallons of water are required to produce 1 gallon of milk.\n“Water trivia facts.” United States Environmental Protection Agency.\nhttp://water.epa.gov/learn/kids/drinkingwater/water_trivia_facts.cfm#_edn11",
    "more": "http://cowspiracy.com/facts"
  }
}

И то же самое в CSON.

CSON объект

# Комментарии!!!

# Массив без запятых!
greatDocumentaries: [
    'earthlings.com'
    'forksoverknives.com'
    'cowspiracy.com'
]

# Объект без кавычек!
importantFacts:
    # Разбивка на несколько строк! Не надо экранировать кавычки!
emissions: '''
        Livestock and their byproducts account for at least 32,000 million tons of carbon dioxide (CO2) per year, or 51% of all worldwide greenhouse gas emissions.
        Goodland, R Anhang, J. “Livestock and Climate Change: What if the key actors in climate change were pigs, chickens and cows?”
        WorldWatch, November/December 2009. Worldwatch Institute, Washington, DC, USA. Pp. 10–19.
        http://www.worldwatch.org/node/6294
        '''
milk: '''
        1,000 gallons of water are required to produce 1 gallon of milk.
        “Water trivia facts.” United States Environmental Protection Agency.
        http://water.epa.gov/learn/kids/drinkingwater/water_trivia_facts.cfm#_edn11
        '''
more: 'http://cowspiracy.com/facts'

Стили редактируются через изменения *.less файлов. Например для того, чтобы изменить вид статус бара необходимо в файле ~/.atom/styles.less прописать.

.status-bar {
  color: white;
  background-color: black;
}

Кстати, а почему *.less вместо *.css? Less является процессором предварительной обработки для CSS. Однако можно со спокойной душой в *.less файлах писать обычные CSS стили, обработчик воспринимает оба варианта равнозначно.

Привязки клавиш также редактируются посредством правки CSON файла, настройки хранятся в файле ~./atom/keymap.cson

'atom-text-editor':
  'enter': 'editor:newline'

'atom-text-editor[mini] input':
  'enter': 'core:confirm'

Так задается настройка для двух разных контекстов клавиши Enter: в режиме редактирования и в режиме выбора из нескольких опций подсказки.

Глобальные настройки задаются в файле ~./atom/config.cson

Кроме того можно задать настройки отдельно для каждого ЯП, или языка разметки из того же файла ~./atom/config.cson. Кое-что можно и через графический интерфейс настроить.

В отличие от глобальных и точечных настроек, скрипт инициализации ~./atom/init.coffee пишется на CoffeeScript. На снимках экрана 2-4 видно откуда вызвать правку скрипта: Edit ⇒ Init Script. Код в скрипте инициализации имеет полный доступ к Atom API, он может также быть написан на обычном JavaScript и называться ~./atom/init.js.

Пакеты и модульность

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

• asciidoc-preview
• wordcount

и они влет установились даже без перезапуска программы.

Расширения Atom удобно не только потреблять, но и создавать. Для этого имеется package-generator, в меню его можно вызвать из Packages ⇒ Package Generator. Вызов утилиты мастера расширений приведет к создании скелетной структуры нового проекта в ~/.atom/packages.

my-package/
├─ grammars/
├─ keymaps/
├─ lib/
├─ menus/
├─ spec/
├─ snippets/
├─ styles/
├─ index.js
└─ package.json

GitHub-ность

Еще одна изюминка редактора в том, что его автор пилит не абы кто на GitHub-е, а сам GitHub. За счет этого Atom изначально интегрирован с GItHub-ом через одноименное расширение.

Список функций git доступных через закладку Git:

• Initialize
• Clone
• Branch
• Stage
• Discard
• Commit
• Amend
• Push
• Pull
• Resolve conflicts
• View Pull Requests

Через привязку клавиш доступны те же самые функции.

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

Для нужного хабра-авторам Markdown есть предпросмотр, подсветка синтаксиса и создание таблиц влет через table+tab.

| Header One     | Header Two     |
| :------------- | :------------- |
| Item One       | Item Two       |

Самый главный из них — лажовый spell-check, увы по другому это нельзя назвать. Проверка орфографии — полный швах, когда дело касается не ЯП, а обычного языка. По какой-то непонятной мне причине проверка орфографии не работает для русского языка для текстов Markdown, Asciidoc и других типов файлов. Казалось бы небольшой недостаток, но из-за него нельзя нормально пользоваться редактором.

Не хватает также поддержки R, тот же Vim не имеет перечисленных недостатков, хоть и не является «редактором 21 века».

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

Настройка Atom от GitHub для работы с PHP, Python и некоторыми другими языками программирования

Редактор Atom от GitHub после установки поддерживает подсветку синтаксиса для основных языков программирования. Однако для более полноценной работы — валидации кода, проверки синтаксиса, базовой отладки и снипетов, как и в большинстве редакторов кода, необходимо подключение дополнительных пакетов и ряд действий.
Под катом так же дополнительно расскажем:

• про запуск скриптов
• работу в терминале прямо из интерфейса Atom
• и чуть-чуть про заявленную поддержку Swift от Apple

Внимание трафик — кликабельные картинки и анимированые gif. (~3МБ)

Изначально считаем что у Вас установлена поддерживаемая операционная система, Node.JS и Atom. В примерах мы работаем в OpenSUSE (13.1) в нём (и вообще в дистрибутивах *nix) уже «из коробки» обычно есть не только Python но PHP и другие языки программирования. Так же исправно работает на Ubuntu (>12.04). Если у Вас Windows 7 или 8, а раньше Вы с ними (языками) не работали то их предварительно необходимо скачать и установить.
Примечание: перед началом работы желательно запускать Atom под root.

опыт показывает — работает стабильнее

Linter

Идеология Atom к подсветке в том, что основным пакетом для работы с синтаксисом и его анализа будет Linter, который является верхним уровнем в API для других линтеров кода. Это сделано для прекращения «войны между плагинами» (The idea is to stop the linter plugins war, by providing a top level API for linters to parse and display errors in the Atom editor). Тем не менее, не все сторонние разработчики придерживаются этой идеологии и пишут свои плагины.

На текущий момент доступно для 21 языка :

• linter-php , для PHP `php -l`
• linter-phpcs , для PHP, `phpc`
• linter-phpmd , для PHP, `phpmd`
• linter-pylint , для Python, `pylint`
• linter-pyflakes , для python, `pyflakes`
• linter-pep8, для python, `pep8`
• linter-flake8, для python, `flake8`
• linter-javac , для Java, `javac`
• linter-jshint , для JavaScript and JSON, `jshint`
• linter-jscs , для JavaScript, `jscs`
• linter-scss-lint , для SASS/SCSS, `scss-lint`
• linter-coffeelint , для CoffeeScript, `coffeelint`
• linter-csslint , для CSS, `csslint`
• linter-rubocop , для Ruby and Ruby on Rails, `rubocop`
• linter-tslint , для Typescript, `tslint`
• linter-xmllint , для XML, `xmllint`
• linter-shellcheck , для Bash, `shellcheck`
• linter-scalac , для Scala, `scalac`
• linter-clang , для C / C++, `clang`
• linter-ruby , для ruby, `ruby -wc`
• linter-lua , для Lua, `luac -p`

Пакет Script: запуск программ из Atom

Script — пакет для запуска кода в atom.

Установка пакета Script, возможна из командной строки:

apm install script

или меню
Packages->Settings View->Install->PackagesВ результате должны поддерживаться следующие языки (26):

AppleScript

Bash

Behat Feature

Coffeescript

CoffeeScript (Literate) ^

Cucumber (Gherkin) *

Elixir

Erlang †

F# *

Go *

Groovy

Haskell

Javascript

Julia

LilyPond

LiveScript

Lua

MoonScript

newLISP

Perl

PHP

Python

RSpec

Ruby

Scala

Swift

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

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

Для запуска программы необходимо выбрать
Packages—>Script—>Run

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

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

Путь к нему нужно прописать здесь:
Packages—>Script—>Configure Script—>Current Working Directory

Заявку разработчикам на поддержку нового языка можно оставить здесь (отвечают быстро)

И немного юмора от разработчиков пакета Script,

у которых, судя по всему, спрашивают всё на свете:

первод: Атом не может найти Нод | Руби | Питон | Мои носки

Python

Поддержка подсветки этого языка идёт изначально. Пакеты для работы с синтаксисом и отладки:
Linter + Language Python + Linter Python Pep8 + Script

Script запускает код на Python, а Linter и Linter Python Pep8 покажут синтаксические ошибки.

Возможно Вам, для работы с Python также поможет Atom Python Debugger.

Подсветка ошибок и запуск после установки будут выглядеть так:

PHP

Для PHP мы так же подключали Script и некоторые пакеты:

Atom показывает ошибки синтаксиса и запускает php скрипт:

Swift

Для Mac OS есть по меньшей мере два варианта запуска кода Swift:

К сожалению под Mac ничего не пишем, поэтому этот пункт со слов разработчиков.
Сразу отмечено, что Swift запустится только на Mac OS, другие дистрибутивы его не поддерживают.
Подcветка синтаксиса swift работает на любом дистрибутиве после установки пакета Language Swift:

Терминал

Для запуска исполняемого кода С, C++, Java иногда проще использовать сторонний пакет (не пакет Atom, а пакет вашего дистрибутива), который запускается через терминал, поскольку сам Atom поддерживает большое количество языков. Если Atom выступает в качестве редактора кода, a терминал рядом запускает его — это очень удобно для нас, поскольку терминал не имеет такое преимущество редактирования, как Atom.
Для запуска терминала в окне Atom установите пакет Term. Для запуска терминала в окне Atom выбрать
Packages—>Command Palette—>Toggle и Term
с нужными параметрами.

В заключении ещё один интересный кликабельный анимационный gif от разработчиков script, ссылки.

Ссылки

ATOM текстовый редактор #1 – знакомство, обзор, плюсы

Приветствую тебя дружище! С этого урока начинаю серию уроков по текcтовому редактору atom! Где ты узнаешь о всех его возможностях, плюсах и настройках, а также поймешь, чем atom лучше других текстовых редакторов, таких, как brackets, sublime text 3… Ну а в этой статье познакомимся с атомом и узнаем о его плюсах! Поехали!

О текстовом редакторе atom

Атом разработала команда разработчиков GitHub, Свой продукт они позиционируют, как текстовый редактор 21 века. К чему изначально стремились разработчики и почему вообще у них возникло желание создать атом, ведь на рынке полно текстовых редакторов? По словам разработчиков – на рынке много подобных программ, например, Sublime Text 3, Brackets и др., но у них есть ряд недостатков. У одних текстовых редакторов богатые возможности в плане расширения функционала, настройки, но сложно это все дело изучить, делать не подкованному пользователю без особых знаний, а другие наоборот легко усвояемы, но мало функциональны. Так вот atom разработали для того, чтобы убрать эти грани, и объединить в себе все плюсы конкурентов!

Первый запуск

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

Интерфейс

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

Подсветка кода вообще меня лично влюбила в тему, которая стоит по умолчанию после установки атома.
Согласись, она просто потрясная!

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

Меню настроек текстового редактора atom

Настройки текстового редактора atom можно открыть через раздел меню «view» пункт «settings», либо сочетанием горячих клавиш — Ctrl+,

Настроек у программы великое множество, все настройки разбиты по смысловым категориям (тоже удобно).
Core – Настройки ядра программы
Edit – Настройки редактирования текста и его отображения в окне редактора
System – настройки отображения атома в контекстном меню операционной системы
Keybindings – Список и описание всех горячих клавиш текстового редактора atom
Packages – Список всех установленных в атом плагинов и их настройки с описанием, а также кнопкой включения/отключения любого плагина (даже системного).
Themes – Раздел со списком установленных тем и их настройкой.
Updates – Раздел уведомлений о новых версиях плагинов, тем и самого текстового редактора атом с кнопкой обновления каждого.
Install – Раздел дополнительных плагинов и тем для атома с описанием каждого, быстрым фильтром и кнопкой установки.

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

Горячие клавиши atom

Отдельный раздел показывает все горячие клавиши программы и описание, за что они отвечают. Каждую горячую клавишу можно переписать на другие сочетания клавиш, удобные лично для тебя. Для этого нужно нажать на пиктограмму дискеты, чтобы скопировать код настройки этой функции и затем открыть файл настроек горячих клавиш по ссылке «your keymap file», затем в нем вставить скопированный код и заменить записанные сочетание клавиш на свои и сохранить файл, после чего вы сразу можете использовать указанные горячие клавиши 🙂

Плагины для atom

Плагинов для атома просто ОГРОМНОЕ КОЛИЧЕСТВО (6 655 на момент написания данной статьи), так как atom это текстовый редактор с открытым исходным кодом и большим сообществом разработчиков.
Плагины можно установить, как в разделе меню Packages, так и через консоль.
Так же все плагины для атома можно посмотреть на официальной странице, по адресу — https://atom.io/packages

Подсказки горячих клавиш

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

Закладки

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

Закладки в atom находятся в меню «Edit» пункт «Bookmark».
Поставить/снять закладку на участке кода можно так же сочетанием клавиш Alt+Ctrl+F2
А перемещать по закладкам: Вперед – F2; Назад – Shift+F2
Посмотреть список всех закладок в документе можно сочетанием клавиш – Ctrl+F2

Git и GitHub в Atom

Очень удобной особенностью атома является еще и то, что он имеет панель для работы с Git контролем версий, что позволяет вести контроль версий прямо из текстового редактора atom без необходимости лезть в консоль. Ну и естественно разработчики атома включили поддержку связки репозитория на GitHub с редактором атом. (Более подробно о работе с Git в atom мы поговорим в следующих статьях)

Сниппеты в Atom

В Атоме так же есть поддержка сниппетов (заготовленные куски кода).
При наборе начальных букв сниппета появляется окошко со списком уже заготовленных в программе сниппетов (для данного типа доккумента), которые соответствуют введенным буквам. Сниппеты разворачиваются по нажатию кнопки Tab.

Так же мы можем создавать свои сниппеты (об этом в следующих статьях данной серии).
Меню сниппетов находится в разделе основного меню «Packages» пункт «Snippets» и если мы здесь выберим пункт «available», то нам откроется окно со списком всех доступных сниппетов для данного типа кода.

Командная панель в Atom

Все доступные функции и команды программы доступны в командной панели, которую можно открыть в меню «Packages» пункт «Command Palette», либо нажатием сочетания горячих клавиш – Ctrl+Shift+P

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

Мы можем отфильтровать список путем ввода названия команды в поле быстрого фильтра.

Панели в Atom

По мимо вкладок мы можем разделить окно редактора на панели. Меню панелей находится в разделе основного меню «View» вкладка «Panes». Либо из контекстного меню в окне редактора. Если выбрать команду «Split – Up, Down, Left, Right», то в окне редактора добавится еще одно окно сверху, снизу, слева, справа, соответственно выбранной команде. В свою очередь любую панель так же можно поделить на бесконечное количество дополнительных панелей. Размеры панелей можно менять, потянув за границу нужной панели.

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

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

Как пользоваться Atom | Losst

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

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

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

Установка Atom

Для операционной системы Windows или MacOS редактор Atom можно загрузить с GitHub репозитория проекта. Затем надо распаковать полученный архив и запустить atom.exe. Программа портативная, поэтому установки не требует.

Версию для Linux можно скачать там же. Доступны deb- и rpm-пакеты, а также есть возможность собрать программу из исходников. Для установки загруженного deb-пакета в Ubuntu или Debian выполните команду:

sudo dpkg -i atom-amd64.deb

Также в Ubuntu можно установить программу через менеджер пакетов snap. Для этого выполните такую команду:

snap install atom

После завершения установки вы можете найти программу в главном меню системы:

Как пользоваться редактором Atom

1. Установка пакетов Atom

Основное преимущество Atom — возможность установки различных пакетов для поддержки огромного количества функций. Давайте сначала разберём, как устанавливать пакеты, а потом я буду просто говорить, что нужно установить для получения той или иной функциональности. Для установки нового пакета на вкладке Welcome Guide выберите Install a package, а затем Open Installer.

Это же окно можно открыть через главное меню. Для этого откройте Edit -> Preferences -> Install. Здесь есть поле поиска, в которое нужно ввести имя пакета для установки:

Далее для установки пакета нужно выбрать пакет из списка найденных и нажать кнопку Install.

Когда установка завершится, вы сможете открыть его настройки кнопкой Settings или деактивироивать его кнопкой Disable. Также вы можете устанавливать пакеты atom из командой строки. Для этого выполните в терминале:

apm install имя_пакета

2. Русификация Atom

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

Когда пакет будет установлен, нажмите кнопку Settings под именем пакета и в поле Language выберите Русский:

Затем вам останется перезагрузить редактор. Теперь главное меню и контекстное меню будут на русском:

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

3. Выбор темы оформления

Тема оформления — это один из самых важных моментов в настройке Atom, так как внешний вид интерфейса и подсветка кода будут всегда перед вашими глазами. Для настройки темы откройте Edit -> Preferences -> Themes:

Здесь можно выбрать тему интерфейса Theme UI и тему подсветки синтаксиса Theme Syntax:

Доступна светлая тема и тёмная:

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

4. Подсветка синтаксиса и ошибок

По умолчанию редактор подсвечивает синтаксис для большинства языков, потому что пакеты их поддержки установлены по умолчанию. Это PHP, HTML, Json, SQL, XML, CSS, CoffeeScript, JavaScript, Java, C/C++, Go и многие другие. Но если вы хотите подсветку для дополнительных языков, их надо установить. Добавьте поддержку twig, если пользуетесь этим шаблонизатором, установив пакет:

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

В Atom для подсветки ошибок на лету используется интерфейс линетров. Есть общий пакет Linter, а также реализации проверки для разных языков. Чтобы добавить подсветку ошибок в PHP, CSS, JSON и HTML, надо установить эти пакеты:

• linter
• linter-ui-default
• linter-php
• linter-csslint
• linter-json-lint
• linter-htmllint

После установки этих пакетов, если вы допустите ошибку в PHP или другом поддерживаемом языке, то сразу же текстовый редактор покажет вам сообщение об этом:

5. Поддержка Git

Системы контроля версий используются сейчас практически везде. Чтобы добавить поддержку Git в Atom, нужно установить пакет git-plus. После этого в среде появится интеграция с Git. Если в папке проекта есть Git-репозиторий, то вы будете видеть файлы, которые были изменены, новые файлы, а также текущую ветку. Кроме того, прямо из интерфейса программы можно выполнять коммиты:

Чтобы сделать коммит, нажмите на кнопку Git в нижнем правом углу экрана. Здесь надо выбрать изменённые файлы, затем ввести описание коммита и нажать Commit to имя_ветки. Рядом с кнопкой Git, есть кнопки, с помощью которых можно переключаться между ветками или публиковать изменения в удалённый репозиторий.

6. Автоматическое форматирование

В популярных средах разработки есть очень удобная функция. Вы можете исправить форматирование кода нажатием одной кнопки. В Atom тоже можно добавить такую возможность. Для этого установите пакет atom-beautify и пакет php-cs-fixer, чтобы добавить поддержку автоматического форматирования php.

Также для php нужно установить инструмент php-cs-fixer в систему. Для этого выполните такие команды в терминале Linux:

wget https://cs.symfony.com/download/php-cs-fixer-v2.phar -O php-cs-fixer

sudo chmod a+x php-cs-fixer
sudo mv php-cs-fixer /usr/local/bin/php-cs-fixer

Теперь в терминале у вас должно получиться выполнить команду php-cs-fixer. Если система не сообщила, что команда не найдена, то всё прошло нормально. В Atom теперь можно открыть меню Packages -> Atom Beautify и выбрать пункт Beautify для автоматического форматирования.

7. Редактор в стиле Vim

Если вам нравится философия редактора Vim, как мне, то вы захотите, чтобы в других реакторах можно было использовать все возможности vim. В Atom это возможно, достаточно установить:

Теперь вы можете перемещаться по тексту, используя клавиши h j k l, выделять с помощью v, использовать y x и p для копирования и вставки, / для поиска, а также команды vim, например :w для сохранения документа.

8. Префиксы в CSS

Множество новых функций, которые включены в CSS в разных браузерах, поддерживаются только в виде экспериментальных возможностей, которые можно использовать только вместе с префиксом производителя. Например -webkit, -ms, -moz и другие. Вручную расставлять эти префиксы не очень удобно, поэтому можно воспользоваться плагином autoprefixer.

После его установки выделите нужный фрагмент кода, затем откройте меню Packages -> Command Palette -> Toggle:

Далее наберите Autoprefixer и нажмите Enter. После этого префиксы производителя в css atom будут автоматически установлены:

9. Отладка PHP в Atom

При написании серьёзных проектов не обойтись без отладки. Для отладки PHP можно использовать отладчик Xdebug. Сначала нужно установить Xdebug в систему. В Ubuntu для этого выполните:

sudo apt install php-xdebug

Затем добавьте такие строчки в конфигурацию отладчика:

sudo vi/etc/php/7.2/mods-available/xdebug.ini

zend_extension=xdebug.so
xdebug.remote_enable=1
xdebug.remote_host=127.0.0.1
xdebug.remote_connect_back=1
xdebug.remote_port=9000
xdebug.remote_handler=dbgp
xdebug.remote_mode=req
xdebug.remote_autostart=false

Здесь важен параметр xdebug.remote_autostart, его значение должно быть false. Если это значение будет true, то отладчик будет запускаться для всех выполняемых скриптов, а это нам не нужно. Порт оставляем по умолчанию 9000, хост 127.0.0.1. Затем перезапустите веб-сервер, чтобы применить настройки:

sudo systemctl restart apache2

Далее надо установить пакет php-debug, также установите его зависимости, которые предлагает установить среда:

Чтобы при каждом запуске не показывалось сообщение «You have both linter and atom-ide-diagnostics enabled, which will both display lint results for Linter-based packages». Откройте настройки пакета atom-ide-ui и найдите там пункт Enabled Fetures. Здесь надо отключить функции Diagnostics Services и Diagnostics:

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

Также можно просто выбрать строчку и в меню Debug выбрать Toggle Breakpoint. Затем откройте меню и выберите Debug -> Toggle Debugging.

Дальше займёмся браузером. По умолчанию отладка будет отключена. Чтобы её включить, установите это расширение. Затем кликните по его значку и выберите Debug:

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

Затем вам станет доступна отладка:

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

10. Работа с проектами в Atom

Настройка редактора Atom завершена, теперь немного про использование. Я думаю, не нужно говорить, как открывать и сохранять файлы. Но о проектах нужно сказать. Выбрав в меню File пункт Open Project Folder, вы можете выбрать папку, в которой находятся ваши исходные коды. Далее все файлы и папки из неё будут отображаться в виде дерева на левой панели — это очень удобно:

Выводы

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

Установка 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

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

.

Атом

Все пакеты

platformio-ide-terminal

Пакет терминала для Atom с темами, API и прочим для PlatformIO IDE. Вилка терминал-плюс.

файлы-иконки

Назначьте значки расширений файлов и цвета для улучшения визуального отображения

линтер

Базовый линтер с коровьими свойствами

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

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

воздушный змей

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

миникарта

Предварительный просмотр полного исходного кода.

сигнал занято

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

Эммет

Emmet — незаменимый инструмент для веб-разработчиков

намерения

Базовый пакет для демонстрации намерений в Atom

пигменты

Пакет для отображения цветов в проекте и файлах.

автозаполнение-питон

Дополнения Python для пакетов, переменных, методов, функций с их аргументами. На ваш выбор джедай или воздушный змей.

git-plus

Делайте git без терминала

подборщик цветов

Щелкните правой кнопкой мыши или нажмите CMD-SHIFT-C / CTRL-ALT-C, чтобы открыть его.

язык-бабель

JavaScript ES201x, React JSX, Flow и GraphQL Grammar. Babel Transpiler

панель инструментов

Пакет, предоставляющий настраиваемую панель инструментов

водород

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

атом-иде-пользовательский интерфейс

Коллекция пользовательских интерфейсов Atom для поддержки языковых служб.

японское меню

メ ニ ュ ー バ ー と コ キ メ ニ ュ ー 、 設定 画面 化 し ま す。

Platformio-ide

Официальная IDE PlatformIO для IoT, Arduino, ARM mbed, Espressif (ESP8266 / ESP32), STM32, PIC32, nRF51 / nRF52, FPGA, CMSIS, SPL, AVR, Samsung ARTIK, libOpenCM3

телетайп

Делитесь своим рабочим пространством с членами команды и совместно работайте над кодом в режиме реального времени

атом-ternjs

Интеллект кода JavaScript для атома с tern.Добавляет поддержку ES5, ES6, ES7, ES8, Node.js и других. Расширяется через плагины.

строить

Создайте свой текущий проект прямо из Atom

.

Что такое атом? | Живая наука

Атомы являются основными единицами материи и определяющей структурой элементов. Термин «атом» происходит от греческого слова «неделимый», потому что когда-то считалось, что атомы — самые маленькие объекты во Вселенной и не могут быть разделены. Теперь мы знаем, что атомы состоят из трех частиц: протонов, нейтронов и электронов, которые состоят из еще более мелких частиц, таких как кварков .

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

Вселенной потребовалось 380 000 лет, чтобы остыть достаточно, чтобы замедлить электроны, чтобы ядра могли захватить их и сформировать первые атомы. Согласно Jefferson Lab , самыми ранними атомами были в основном водорода и гелий , которые до сих пор являются самыми распространенными элементами во Вселенной.Гравитация в конечном итоге заставила облака газа слиться и образовать звезды, а более тяжелые атомы были (и все еще создаются) внутри звезд и отправлены по Вселенной, когда звезда взорвалась (сверхновая).

Атомные частицы

Протоны и нейтроны тяжелее электронов и находятся в ядре в центре атома. Электроны чрезвычайно легкие и существуют в облаке, вращающемся вокруг ядра. Электронное облако имеет радиус в 10 000 раз больше, чем ядро, согласно Лос-Аламосской национальной лаборатории .

Протоны и нейтроны имеют примерно одинаковую массу. Однако один протон примерно в 1835 раз массивнее электрона. Атомы всегда имеют равное количество протонов и электронов, и количество протонов и нейтронов также обычно одинаково. Добавление протона к атому создает новый элемент, а добавление нейтрона создает изотоп или более тяжелую версию этого атома.

Ядро

Ядро было открыто в 1911 году Эрнестом Резерфордом, физиком из Новой Зеландии.В 1920 году Резерфорд предложил название протон для положительно заряженных частиц атома. Он также предположил, что в ядре есть нейтральная частица, что Джеймс Чедвик, британский физик и ученик Резерфорда, смог подтвердить в 1932 году.

Согласно Chemistry, практически вся масса атома находится в его ядре. LibreTexts . Протоны и нейтроны, составляющие ядро, имеют примерно одинаковую массу (протон немного меньше) и имеют одинаковый угловой момент или спин.

Ядро удерживается вместе сильной силой , одной из четырех основных сил в природе. Эта сила между протонами и нейтронами преодолевает электрическую силу отталкивания, которая в противном случае раздвинула бы протоны в соответствии с законами электричества. Некоторые атомные ядра нестабильны, потому что сила связи различается для разных атомов в зависимости от размера ядра. Затем эти атомы распадаются на другие элементы, такие как углерод-14, распадающийся на азот-14.

Вот простой рисунок структуры атома.(Изображение предоставлено Shutterstock)

Протоны

Протоны — это положительно заряженные частицы, находящиеся в атомных ядрах. Резерфорд открыл их в экспериментах с электронно-лучевыми трубками, которые проводились между 1911 и 1919 годами. Протоны примерно на 99,86% массивнее нейтронов.

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

Три кварка составляют каждый протон — два «верхних» кварка (каждый с положительным зарядом в две трети) и один «нижний» кварк (с отрицательным зарядом в одну треть) — и они удерживаются вместе другими субатомными частицами, называемыми глюоны, которые безмассовые.

Электроны

Электроны крошечные по сравнению с протонами и нейтронами, более чем в 1800 раз меньше, чем протон или нейтрон.Согласно Jefferson Lab , электроны примерно на 0,054% массивнее нейтронов.

Джозеф Джон (Дж.Дж.) Томсон, британский физик, открыл электрон в 1897 году, согласно Science History Institute . Первоначально известные как «корпускулы», электроны имеют отрицательный заряд и электрически притягиваются к положительно заряженным протонам. Электроны окружают атомное ядро ​​путями, называемыми орбиталями. Эта идея была выдвинута австрийским физиком Эрвином Шредингером в 1920-х годах.Сегодня эта модель известна как квантовая модель или модель электронного облака. Внутренние орбитали, окружающие атом, имеют сферическую форму, но внешние орбитали намного сложнее.

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

Нейтроны

Согласно Американского физического общества , существование нейтрона было теоретизировано Резерфордом в 1920 году и обнаружено Чедвиком в 1932 году. Нейтроны были обнаружены в ходе экспериментов, когда атомы стреляли в тонкий лист бериллия . Были выпущены субатомные частицы без заряда — нейтрон.

Нейтроны — это незаряженные частицы, находящиеся во всех атомных ядрах (кроме водорода). Масса нейтрона немного больше массы протона.Как и протоны, нейтроны также состоят из кварков — одного кварка «вверх» (с положительным зарядом 2/3) и двух кварков «вниз» (каждый с отрицательным зарядом в одну треть).

История атома

Теория атома восходит, по крайней мере, к 440 году до нашей эры. Демокриту, греческому ученому и философу. Демокрит, скорее всего, построил свою теорию атомов на работах философов прошлого, согласно Эндрю Г. Ван Мелсену, автору книги «От атомоса к атому: история концепции атома» (Duquesne University Press, 1952).

Объяснение атома Демокритом начинается с камня. Разрезанный пополам камень дает две половинки одного и того же камня. Если бы камень резался непрерывно, в какой-то момент существовал бы кусок камня, достаточно маленький, чтобы его больше нельзя было разрезать. Термин «атом» происходит от греческого слова «неделимый», которое, по заключению Демокрита, должно быть точкой, в которой существо (любая форма материи) больше не может быть разделено.

Его объяснение включало идеи о том, что атомы существуют отдельно друг от друга, что существует бесконечное количество атомов, что атомы могут двигаться, что они могут объединяться вместе, чтобы создать материю, но не сливаются, чтобы стать новым атомом, и что их нельзя разделить, согласно Universe Today .Однако, поскольку большинство философов того времени — особенно очень влиятельный Аристотель — считали, что вся материя была создана из земли, воздуха, огня и воды, атомная теория Демокрита была отложена.

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

Британский физик Томсон, открывший электрон в 1897 году, доказал, что атомы можно разделить, согласно Фонд химического наследия .Он смог определить существование электронов, изучая свойства электрического разряда в электронно-лучевых трубках. Согласно статье Томсона 1897 года, лучи отклонялись внутри трубки, что доказывало, что внутри вакуумной трубки было что-то отрицательно заряженное. В 1899 году Томсон опубликовал описание своей версии атома, широко известной как «модель сливового пудинга». Выдержка из этой статьи находится на сайте Chem Team . Модель атома Томсона включала большое количество электронов, подвешенных в чем-то, что производило положительный заряд, придающий атому общий нейтральный заряд.Его модель напоминала сливовый пудинг, популярный британский десерт с изюмом, подвешенным в круглом шаре, похожем на торт.

Следующим ученым, изменившим и усовершенствовавшим атомную модель, был Резерфорд, который учился у Томсона, согласно химическому факультету Университета Пердью . В 1911 году Резерфорд опубликовал свою версию атома, которая включала положительно заряженное ядро, вращающееся вокруг электронов. Эта модель возникла, когда Резерфорд и его помощники стреляли альфа-частицами в тонкие листы золота.По данным лаборатории Джефферсона, альфа-частица состоит из двух протонов и двух нейтронов, удерживаемых вместе одной и той же сильной ядерной силой, которая связывает ядро.

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

Несколько других ученых продвинули модель атома, в том числе Нильса Бора (построенного на модели Резерфорда для включения свойств электронов на основе спектра водорода), Эрвина Шредингера (разработал квантовую модель атома), Вернера Гейзенберга (заявил, что не может знать одновременно положение и скорость электрона), а также Мюррей Гелл-Манн и Джордж Цвейг (независимо разработали теорию о том, что протоны и нейтроны состоят из кварков).

Дополнительные ресурсы:

Эта статья была обновлена ​​10 сентября 2019 г. участником Live Science Трейси Педерсен.

.

Постапокалиптическая инди-игра в Steam

Об этой игре

ATOM RPG — постапокалиптическая инди-игра, вдохновленная классическими CRPG: Fallout, Wasteland, System Shock, Deus Ex, Baldur’s Gate и многими другими.

В 1986 году Советский Союз и Западный блок были разрушены в результате взаимных ядерных бомбардировок. Вы один из выживших после ядерного холокоста. Ваша миссия — исследовать дикий и дивный мир Советской Пустоши. Чтобы заслужить свое место под солнцем.И расследовать темный заговор, направленный на уничтожение всего, что осталось от жизни на Земле.

ATOM RPG — это:

Мощный инструмент для создания персонажей, нацеленный на создание героя пустоши, которого вы хотите изобразить!
Сбалансированная ролевая система, вдохновленная GURPS. Каждая комбинация характеристик обеспечивает уникальный игровой опыт, уникальные диалоги и новые способы решения некоторых квестов!
Десятки навыков, от взлома замков до азартных игр!
Много часов геймплея на всевозможных локациях.Познакомьтесь с другими выжившими в новом отважном поселении, построенном из пыли старого мира. Отправляйтесь в дебри, где скрываются мутировавшие существа и дикие бандиты. Разгадайте секреты старого военного бункера. Или просто заблудитесь, порыбачивая в живописном пруду …
Пошаговые сражения, вдохновленные Fallout 1 и 2.

Случайные встречи с обитателями Советской Пустоши — дружеские и опасные. Иногда все одновременно …
Множество глубоких диалогов с множественным выбором, которые напоминают настоящие разговоры с уникальными NPC в игре.
Нелинейный геймплей! Десятки квестов, в каждом из которых есть множество альтернативных решений. Играйте в игру так, как хотите!

Описание содержимого для взрослых

Разработчики описывают контент так:

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

.