Как настроить java на atom

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

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

О том, чем еще хорош Atom и как им пользоваться, поговорим в сегодняшней статье.

Установка Atom

Скачать текстовый редактор для ОС Windows мы можем напрямую из GitHub. Переходим по этой ссылке, пролистываем вниз страницы и находим там файл AtomSetup-x64.exe.

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

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

Если вы пользователь операционной системы Linux, то для нее вы также можете скачать установщик из того же репозитория. Там доступны deb- и rpm-пакеты, а также есть возможность собрать программу из исходников.

Установка выполняется с помощью следующей команды:

sudo dpkg -i atom-amd64.deb

Для Ubuntu мы также можем воспользоваться менеджером пакетов snap:

snap install atom

Комьюнити теперь в Телеграм
Подпишитесь и будьте в курсе последних IT-новостей

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

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

Устанавливаем пакеты

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

Выглядит это следующим образом:

1. Запускаем программу, если он еще не открыта, и на главном экране выбираем «Install a Package».
2. В раскрывшемся окне выбираем «Open Installer».
3. Перед нами открывается дополнительная вкладка в левой части окна. Это поисковая форма, через которую можно находить и устанавливать всевозможные пакеты Atom.
4. Для примера давайте установим пакет, позволяющий изменять язык программы. Он называется atom-i18n – вводим его в строку поиска и в первой карточке нажимаем на «Install».

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

Русифицируем Atom

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

Для русификации у нас уже все установлено, достаточно нажать пару кнопок:

1. В верхнем меню кликаем по «File» и выбираем «Settings…».
2. Следующим шагом переходим в подраздел «Install» и вводим название установленного ранее расширения. Затем жмем на «Settings».
3. Пролистываем немного ниже и кликаем по кнопке «English (en)». В отобразившемся окне выбираем нужный нам язык.
4. После этого в правой части отобразится новое окно с кнопкой «Reload». Кликаем по ней – таким образом мы перезагрузим программу и сделаем ее русифицированной.
5. В результате мы получаем переведенный на русский язык текстовый редактор Atom.

Обратите внимание на то, что основные кнопки для начала работы не были переведены, но если открыть настройки или посмотреть на меню, то там все будет на русском.

Изменяем тему оформления

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

1. Открываем в меню «Файл» и выбираем «Настройки…».
2. Переходим во вкладку «Темы» и в правой части находим блок «Внешний вид». Именно через него мы и можем изменять оформление редактора. Для примера давайте выберем «Atom Dark» и посмотрим, как преобразится окно программы.
3. В результате получаем:
4. Здесь же мы можем отдельно поменять тему редактора кода.

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

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

Если вы пользуетесь шаблонизатором twig, то в Linux его можно добавить через пакет:

atom-twig

Для улучшения вида файлов можно установить пакет:

logo-file-icons

Также вы можете установить пакет Linter для подсветки ошибок. Например, чтобы добавить Linter для PHP, CSS, JSON и HTML, следует установить расширения:

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

Теперь, если вы допустите ошибку в PHP или другом поддерживаемом языке, то текстовый редактор сразу же об этом сообщит.

Поддержка GIT

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

При необходимости мы можем сделать и коммит – для этого необходимо в нижнем правом углу нажать на кнопку Git. Затем указать измененные файлы, ввести описание коммита и нажать на кнопку «Commit to имя_ветки». Возле кнопки Git мы также можем найти другие кнопки, предназначенные для переключения между ветками и публикации изменений в удаленный репозиторий.

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

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

После установки вы можете перейти в меню «Расширения» и увидеть все доступные плагины.

Редактор в стиле VIM

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

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

Префиксы в CSS

Префиксы в CSS позволяют обращаться к определенному браузеру и задавать свойства, именуемые только для него (-webkit, -moz, -ms). Писать каждый раз такие длинные слова не очень удобно, поэтому лучше воспользоваться специальным расширением autoprefixer. Оно автоматически прописывает префиксы к выделенному коду.

Как только пакет будет установлен, выделяем нужный фрагмент кода и переходим в меню «Расширения» -> «Command Palette» -> «Toggle».

В отобразившейся поисковой строке вводим запрос «Autoprefixer» и кликаем по первой строке.

Таким образом, в CSS произойдет автоматическая расстановка префиксов.

Отладка в PHP Atom

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

sudo apt install php-xdebug

После этого открыть файл xdebug.ini командой:

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. В противном случае отладчик будет запускаться для всех скриптов, что требуется далеко не всегда. Чтобы применить внесенные изменения, необходимо перезапустить веб-сервер командой:

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». Достаточно их раскрыть и выбрать «Never enabled».

Теперь можно включить отладку – для этого следует кликнуть напротив строчки, на которой нужно поставить точку остановки.

Теперь следует поработать с браузером, так как по умолчанию отладка там отключена. Потребуется скачать дополнительное расширение Xdebug helper. Загружаем его, затем в верхней части активируем и жмем «Debug».

Осталось перезапустить страницу – в результате в Atom должен запустить отладчик.

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

Вот и подходит к концу мое руководство по использованию редактора Atom. Осталось рассказать еще о такой особенности, как проекты. Мы можем не просто открывать css-, html- и php-файлы, но и загружать целые проекты. Это удобно, когда в разработке задействуется большой набор файлов. Для этого необходимо выбрать «Добавить папку с проектом».

Теперь мы увидим проект в виде дерева:

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

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

• Ctrl + S – сохраняет файл;
• Ctrl + Shift + P – запускает консоль;
• Ctrl + Shift + T – открывает последнюю закрытую вкладку;
• F5 – сортировка;
• Ctrl + P – открывает поиск по проекту;
• Ctrl + F – поиск и замена;
• Shift + Ctrl + F – поиск по всем файлам проекта;
• Ctrl + Shift + D – дублирует строку;
• Ctrl + / – комментирует строки;
• Ctrl + J – складывает строки в одну;
• Ctrl + Alt + F2 – позволяет поставить метку около строки;
• F2 – перемещение между метками строк;
• Ctrl + Space – вызывает автодополнение;
• Ctrl + K + U – устанавливает буквы заглавными;
• Ctrl + K + L – устанавливает буквы маленькими;
• Ctrl + M – позволяет перейти к закрывающейся или открывающейся строке;
• Ctrl + Shift + : – вызывает подсказку;
• Ctrl + Alt + V – превью SVG-файлов;
• Ctrl + Alt + B – автоматически расставляет отступы в коде;
• Alt + Ctrl + I – вызывает инструменты разработчика.

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

Java на Текстовом редакторе Atom

Как я могу подключить Java к Atom? Недавно я начал изучать Java, а IDE Intellij IDEA пока слишком сложная для меня в освоении. Вот я и нашел в Atom расширение ide-java, установил, но не могу понять как скомпилировать код. Все инструкции на английском, но даже с некоторыми манипуляциями (переводчик и т.д.) я все равно не смог найти ни кнопки компиляции, ни горячей клавиши.

Отслеживать
67.9k 216 216 золотых знаков 77 77 серебряных знаков 219 219 бронзовых знаков
задан 20 окт 2018 в 12:44
Назар Таранюк Назар Таранюк
41 5 5 бронзовых знаков

предполагаю, что расширение предоставляет подсветку синтаксиса и автокомплит в лучшем случае, а компилировать Вам придётся в ручную: javac HelloWorld.java

20 окт 2018 в 13:05

Features: Auto completion; Code format; Diagnostics (errors & warnings); Document outline; Find references; Go to definition; Hover; Reference highlighting; про компиляцию и запуск тут ничего нет.

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

Изначально считаем что у Вас установлена поддерживаемая операционная система, 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

• Language php
• Linter php
• Php Twig

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

Swift

• пакет Swift Playground
• и уже описанный пакет Script.

Подcветка синтаксиса swift работает на любом дистрибутиве после установки пакета Language Swift:

Терминал

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

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

Ссылки

• Atom.io
• Linter
• Term
• Script
• Плагины для работы с Python
• Плагины для работы с php
• Пакеты для различных языков адаптированые для Atom
• Этот пост — продолжение предыдущего, про установку Atom на базовые ОС.

Пишем код на Java и Go в текстовом редакторе

Перед нами промышленная хлеборезка итальянской компании Brevetti Gasparin srl, модель 1700. Её производительность — от 16 до 60 булок в минуту:

.

А вот обычный нож для хлеба:

Чем мы воспользуемся, если захотим сделать пару бутербродов? Ответ очевиден. Инструмент должен соответствовать задаче.

Отдавая должное интегрированным средам разработки (IDE), таким как IntelliJ IDEA, Eclipse или NetBeans, стоит отметить, что в ряде случаев текстовый редактор будет более удачным выбором. Например, если мы только начинаем изучать тот или иной язык программирования, и хотим сосредоточиться именно на нём, а не на освоении IDE. Или когда нужно быстро написать что-то простое и небольшого объёма. Применение IDE тут будет явно избыточным.

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

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

1. Открытая лицензия, возможность бесплатного использования.
2. Настраиваемая подсветка кода.
3. Наличие системы плагинов или пакетов, позволяющих автоматизировать компиляцию и запуск написанных в редакторе программ.
4. Кроссплатформенность — возможность использовать редакторы в трёх основных операционных системах: Windows, Linux, Mac. Небольшая оговорка: третий рассмотренный редактор, Notepad++ единственный не до конца соответствует этому требованию, однако полностью соответствует первым трём.

Atom

• Официальный сайт: www.atom.io
• Разработчик: GitHub
• Лицензия: MIT, открытая

Atom – современный кроссплатформенный текстовый редактор с открытым исходным кодом для Linux, macOS и Windows, с поддержкой плагинов, написанных на Node.js и встраиваемых под управлением Git. Впервые был опубликован в 2014 году. Описывается как “A hackable text editor for the 21st Century” (Текстовый редактор с хаками для 21-го века). Обладает развитой системой пакетов для расширения функциональности.

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

Начнём с изменения размера табуляции. Пройдём от главного меню: File → Settings → Editor, пролистываем вниз до пункта Tab Length и вместо цифры 2 указываем 4.

Для компиляции и запуска Java и Go файлов нам потребуется дополнительный пакет Script. Устанавливаем, пройдя от главного меню File → Settings → Install. В окошке Search packages вводим название пакета Script и нажимаем кнопку Packages. У найденного таким образом пакета нажимаем кнопку Install.

Ожидаем окончания загрузки и установки – когда у пакета появятся кнопки Settings, Uninstall, Disable.

Нажимаем кнопку Settings и для параметра Default Working Directory (CWD) Behavior выбираем значение Directory of the script.

Теперь мы можем запускать компиляцию и выполнение кода на Java и Go нажимая сочетание клавиш Ctrl+Shift+B.

Добавим небольшой косметический штрих. Найдите в своей папке пользователя папку с именем .atom, зайдите туда и откройте в редакторе (в том же Atom) файл styles.less. Добавьте в его конец приведённый ниже фрагмент. Размер шрифта в консоли Script станет больше.

// style Script console .script-view .line < font-size: 14px; >

Ещё один совет. Чтобы Atom сохранял вкладки с файлами, начните работу с выбора папки проекта File → Open Folder…, указав папку с файлами, которые собираетесь редактировать.

Geany

• Официальный сайт: www.geany.org
• Разработчик: Geany e.V.
• Лицензия: GNU GPL, открытая

Geany – стабильный и лёгкий кроссплатформенный текстовый редактор с открытым исходным кодом для Linux, Windows, MacOS, BSD и Solaris. Первая версия вышла в 2005 году.

Простой интерфейс, основанный на GTK+, выглядит не так современно и элегантно, как у Atom. Зато для работы с Java и Go этот редактор готов сразу после установки и не нуждается ни в каких дополнительных настройках.

Для компиляции файла на Java достаточно нажать на панели кнопку Compile или клавишу F8. Для выполнения откомпилированного байт-кода нажимаем кнопку Execute или F5. Консоль с результатами выполнения открывается в отдельном окне.

Для запуска кода на Go достаточно одной кнопки Compile или клавиши F8.

Notepad++

• Официальный сайт: www.notepad-plus-plus.org
• Разработчик: Don Ho
• Лицензия: GNU GPL, открытая

Notepad++ – лёгкий и быстрый текстовый редактор с открытым исходным кодом. К сожалению, он не кроссплатформенный и доступен только для Windows.

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

После установки в меню Settings → Style Configurator…, выделив в списках пункты Global Styles и Default Style, можно настроить семейство и размер шрифта редактора. Там же есть возможность сменить тему целиком: “Select theme”.

Устанавливаем табуляцию 4 пробела, согласно Java Code Conventions: Settings → Preferences…, выделяем пункты Language и Java и включаем чекбокс Replace by space.

Для автоматизации компиляции и запуска кода скачиваем и настраиваем плагин NppExec. По ссылке представлены несколько версий, у меня установлен v0.5.9.9 dev. Разрядность плагина (x64 или x86) выбираем согласно разрядности установленного Notepad++. Скачав zip-архив, достаём из него файл NppExec.dll и копируем в папку плагинов. В моём случае полный путь к этой папке выглядит так – C:\Program Files\Notepad++\plugins\NppExec\. После этого запускаем (или перезапускаем) Notepad++.

Настраиваем плагин, пройдя Plugins → NppExec:

В меню плагина включаем пункты:

• No internal messages
• Save all files on execute
• Follow $(CURRENT_DIRECTORY)

Затем добавляем команды компиляции, сначала для Java. Нажимаем Plugins → NppExec → Execute или просто нажмём F6. Наберём в окне Command(s) следующие команды (скрипт):

javac $(FILE_NAME) if $(EXITCODE) !=0 goto exit java $(NAME_PART) :exit

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

Нажав на кнопку Save…, введём в поле Script name название нашего скрипта – «java». Теперь, при редактировании, достаточно нажать сочетание клавиш Ctrl+F6 чтобы вызвать этот скрипт.

Теперь можно попробовать добавить другой скрипт, например, для Go. Нажимаем F6, вводим предложенную ниже строку и сохраняем этот скрипт под именем “go”.

go run $(FILE_NAME)

Ещё одно «к сожалению»: в редакторе отсутствует подсветка синтаксиса языка Go по умолчанию. Однако это легко преодолеть, воспользовавшись советами со stackoverflow.com.

Резюме

Рассмотрев три простых текстовых редактора, мы убедились, что процесс их настройки для написания кода на Java и Go занимает считанные минуты. Так что добро пожаловать в мир лёгких и доступных инструментов для программистов. Пробуйте и получайте удовольствие.

Меня можно найти в Telegram под ником @biblelamp или на сайте GeekBrains. Буду рад любым замечаниям, пожеланиям и дополнениям.

Для тех, кто только начинает свой путь в Java и Go, у нас в блоге есть ещё кое-что интересное:

• Быстрый старт с Java: от знакомства до вашей первой игры
• Быстрый старт с Java: пишем «крестики-нолики»
• Быстрый старт с Java: «лопни шарик»
• Быстрый старт с Go: первые шаги

Если же вы хотите получить полноценное системное образование, ждём вас на факультетах Java и Go в Geek University!