Как запустить код в atom

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

Атом построен на технологии 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 

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

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

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

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

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

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

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

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

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

Как запустить java в Atom?

Скачал jdk и atom, изменил переменные среды (path, добавил java_home), скачал пакет ‘script’ в atom. Действовал так, как говорил чувак из видоса: https://www.youtube.com/watch?v=rRthfgq7dXA. Собственно все, я должен написать код, открыть пакеты, запустить скрипт и все должно работать, я пробовал, ничего не запускалось, высвечивался ‘!’, я несколько раз повторил процедуру из начала вопроса, ничего не помогло, хотел переустановить пакет ‘script’ удаляю его и он полностью пропадает из atoma, без понятия, что делать помогите, умаляю.

• Вопрос задан более года назад
• 135 просмотров

3 комментария

Средний 3 комментария

Запустите код в редакторе кода Atom

Я прочитал множество статей о запуске кода в редакторе кода Atom, однако я не могу понять, как это можно сделать. Может ли кто-нибудь объяснить это проще? Я хочу запустить свой код Python в нем, и я загрузил файлы «python-tools-0.6.5» и «atom- script -2.29.0» с веб-сайта Atom, и мне просто нужно знать, как чтобы заставить их работать.

BG_Programmer 11 окт. 2015, в 20:44
Поделиться
Какую ОС вы используете на своем компьютере?
mertyildiran 11 окт. 2015, в 18:17
Я использую Windows 8.1, извините — забыл упомянуть об этом.
TOPCOD3R 11 окт. 2015, в 18:19
Вы когда-нибудь проверяли это: atom.io/packages/atom-runner
mertyildiran 11 окт. 2015, в 18:20
Я просто не уверен, как установить пакет.
TOPCOD3R 11 окт. 2015, в 18:23
Возможный дубликат Running Python из Atom
iled 29 март 2018, в 03:06
Показать ещё 3 комментария
Поделиться:
atom-editor

3 ответа

Лучший ответ

От Atom > Настройки > Установить:

Найдите пакет atom-runner и установите его.

После установки пакета Atom-runner на Atom,

Создайте новый документ и скопируйте и вставьте свой код в новый документ и сохраните документ с расширением .py. Например myfile.py

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

Нажмите Ctrl + R (Alt + R на Win/Linux), чтобы запустить бегун для активного окно.

mertyildiran 11 окт. 2015, в 19:51
Поделиться

Спасибо, я установил его, однако появляется следующая ошибка: Невозможно найти команду: python Вы уверены, что PATH настроен правильно?

TOPCOD3R 11 окт. 2015, в 18:36
@BG_Programmer Это ответ на вашу новую проблему: stackoverflow.com/a/32609129/2104879
mertyildiran 11 окт. 2015, в 18:37
Я сделал переменную Python, как бы я изменил путь в Atom?
TOPCOD3R 11 окт. 2015, в 18:43
@BG_Programmer Вы должны что-то упустить, если вы в настоящее время назначаете переменную среды.
mertyildiran 11 окт. 2015, в 18:47

Я назначил следующий путь: C: \ Users \ BG_Programmer \ AppData \ Roaming \ Microsoft \ Windows \ Пуск \ Меню \ Программы \ Python 3.5

TOPCOD3R 11 окт. 2015, в 18:49
Кажется, это не правильно. Это должно выглядеть так: stackoverflow.com/a/4855685/2104879
mertyildiran 11 окт. 2015, в 18:57
Показать ещё 4 комментария

Если вам нужен пакет, поддерживающий ввод пользователя, рассмотрите script-runner. Он очень похож, но использует правильный терминал для выполнения задачи.

ioquatix 11 дек. 2016, в 12:22
Поделиться

От Atom > Настройки > Установить:

Найдите пакет atom-runner и установите его.

Закройте редактор atom и снова закройте. Это помогает редактору атома установить правильный путь и решит проблему.

Если это не поможет, скопируйте папку каталога установки python и добавьте путь к системе PATH. Это решит проблему.

Krishna Prasad Y 06 май 2017, в 00:53
Поделиться

Ещё вопросы

• 1 Python: поддержка IDE для вывода запроса к базе данных, например, фрейма данных pandas
• 1 Как исправить зависание сборки PhoneGap .apk?
• 1 Как удалить файл, используя его путь на Android 7?
• 1 ASP.NET Validator для нескольких полей
• 0 Пройдите через n-арное дерево
• 0 Как написать предложение WHERE с Datetime, используя Sequelize в Node
• 0 Datepicker не превышает текущую дату
• 0 Sublime Text 2: завершение HTML-тега не работает, и я не могу его отключить
• 1 NoClassDefFoundError для класса в пакете приложения
• 0 Выберите самый верхний недублированный элемент после упорядочения по другим столбцам [дубликаты]
• 0 как убрать абсолютную позицию с помощью jquery?
• 1 Функция apply (), вызываемая на Function.prototype.bind в JavaScript?
• 0 Выборка площади против выборки BRDF при рендеринге
• 0 Раскрывающееся меню должно оставаться открытым после .hover
• 0 Подменю CSS под его родителем
• 1 Я не могу использовать более одного шрифта в Pygame
• 1 получить уникальный идентификатор диска в java
• 1 ModuleNotFoundError: нет модуля с именем ‘Quartz’
• 1 Примените UDF к подмножествам pyspark dataframe
• 1 Запутывание, e.StackTrace не читается
• 1 Как я могу использовать строку из XML для строковой переменной в C #?
• 1 непрерывный в категориальный 2D массив
• 1 Составление счета в Python 3
• 1 Как передать только сообщения об ошибках из модели в контроллер (Mongoose)?
• 1 Получить общее количество часов, минут с релятивделта
• 0 Условно добавить строку в HTML с угловым выражением
• 0 Как выбрать ресурс с условием выполнения двух отношений в объединенной таблице
• 1 Возвращение массива двойных значений из строки
• 0 Как нажать на элемент, используя другой связанный элемент?
• 0 Могу ли я узнать разницу между этими предупреждениями, а также нужны советы по attr?
• 0 jQuery totalStorage — Получить все ключи
• 1 Ограничить количество текста, выводимого с помощью Meteor Blaze
• 0 Regex Lookahead проблема и улучшение
• 0 AngularJs — Изменить идентификатор тела или Css с помощью Ng-view
• 0 Удалить дубликаты в std :: list [closed]
• 0 Как выбрать данные списка Python и заполнить их конкретным блоком ввода — pretype
• 0 SFML отправка пакетов с использованием неработающих структур
• 0 Как MySQL хранит несколько пробелов?
• 0 Как я могу получить 3 столбца на одной строке?
• 0 Диалоговое окно Jquery не работает после того, как я установил лайтбокс
• 0 В чем разница между передачей счетчика цикла или объявления диапазона потоку по ссылке?
• 1 Поддержка старых устройств
• 0 Счетчик продолжает повторять, пожалуйста, дайте ответ
• 1 Получить данные из строки сетки ExtJS, используя селен
• 1 Migradoc динамический размер страницы
• 1 ввод заменить символы при наборе текста?
• 0 JQuery выбрать следующий брат по классу с одним классом, который содержит несколько классов
• 0 Jquery замораживание на шоу ()
• 0 Форматировать таблицу HTML
• 0 параметр для пользовательских ссылок в jqgrid

Настройка 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 на базовые ОС.