Как запустить код в atom
Перейти к содержимому

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

  • автор:

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

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

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

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

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

install package in atom

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

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

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

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

eslint atom

Нужно сначала установить 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» умеет:

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

tern js

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

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

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

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

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

Atom редактор — как запустить код?

  1. Для запуска скриптов рекомендуем универсальное расширение script runner. Для его инсталляции:
    Откройте настройки программы, пройдя по пути ФайлНастройки
    atom - run code - 1
  2. Откройте вкладку Расширения. В поле поиска введите название script runner. Нажмите кнопку Install рядом с названием найденного расширения.
    atom - run code - 2

Подождите, пока плагин будет установлен.
В дальнейшем для запуска кода используйте сочетание клавиш Alt + X.

Atom editor

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

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

Установка редактора

Переходим на главную страницу редактора и качаем нужную нам версию для Linux, Mac или Windows. Я буду работать в Ubuntu Linux и производить установку через терминал.

sudo wget https://github.com/atom/atom/releases/download/v1.3.2/atom-amd64.deb sudo dpkg -i atom-amd64.deb

  • 1-ая команда скачивает пакет с Atom в текущую дерикторию
  • 2-ая команда устанавливает этот пакет

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

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

Плагины

В Atom уже из коробки есть предустановленные плагины (их можно посмотреть в Settings → Packages → Core Packages).

Emmet

Этот плагин считается “must-have” для веб-разработчиков, так как позволяет очень быстро верстать страницы. Клавиша Tab или Ctr + Eактивирует плагин. Также удобно выделить нужную область нажать Ctr + / и закомментировать ее. Скачать

Color-picker

Из названия понятно, что плагин позволяет удобно выбирать цвета из палитры в различных форматах, включая форматы для выбора цвета в Sass и LESS. Чтобы вызвать палитру нажимаем Ctr + alt + c в Linux и Windows, Cmd + Shift + c для Mac. Скачать

Git projects

Ctr + Alt + O — выведет список всех локальных репозиториев в операционной системе. Если вы часто работаете с git, думаю, этот плагин будет очень удобен. После установки, в настройках плагина нужно прописать путь к папке со всеми локальными репозиториями.

/path/to/repo1; /path/to/repo2; /path/to/repo3;

Merge conflicts

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

Minimap

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

Atom-alignment package

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

var1 = ‘adas’; var123456 = ‘adadasd’; a = 1; bacd = ‘Very long striiing’

Нажимаем Ctr + Alt + A и код форматируется в более красивый вид.

var1 = ‘adas’; var123456 = ‘adadasd’; a = 1; bacd = ‘Very long striiing’

Linter

Проверяет синтаксис кода налету и выдает уведомление об ошибках. Этот плагин является основным пакетом и к нему доустанавливаются остальные «линтеры-аддоны» для каждого языка программирования (полный список). Это сделано для прекращения «войны между плагинами» (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). Скачать

Multi-cursor

Из названия понятно, что этот плагин делает. В Linux нажимаем Alt + Shift + Up, чтобы размножить курсоры наверх или Alt + Shift + Down, чтобы размножить их вниз. Скачать.Чтобы выйти из режима мультиредактирования, нажмите Esc.

File-icons

Показывает иконку рядом с именем файла. Скачать

If you like this article, share a link with your friends

Read more

We talk about interesting technologies and share our experience of using them.

Atom в Python – как установить и запустить код

Общеизвестно, что время ни для кого не останавливается, и нам постоянно приходится обновлять инструменты, чтобы идти в ногу с этой неизмеримо быстрой эпохой. Разработка программного обеспечения – одна из основных профессий, в которых программистам нужна наиболее изобретательная среда для написания кода и эффективного создания программного обеспечения. Таким образом, возникает потребность в эффективном текстовом редакторе и IDE(интегрированной среде разработки).

Что касается языка программирования Python, лучше всего подходит Atom с точки зрения IDE.

Что такое Atom в Python?

Atom в Python – это бесплатная интегрированная среда разработки с открытым исходным кодом, специально созданная для разработчиков Python.

Значение Atom

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

$ python file_name.py

С другой стороны, мы можем использовать IDLE Integrated Development and Learning Environment of Python), приложение по умолчанию для выполнения кода Python. Однако для того, чтобы получить что-то продуктивное, эти два основных варианта не кажутся хорошим выбором. Нам потребуется что-то более производительное и надежное. Таким образом, когда вам пригодится Atom Python IDE. Atom не содержит каких-либо особенностей в традиционном понимании; вместо этого он создает пакеты, которые хранятся в его взломанном ядре. Эти пакеты включают такие функции, как строки кода, автозаполнение и выделение кода.

Теперь давайте перейдем к замечательному текстовому редактору Atom.

Использование текстового редактора Atom

Atom – это бесплатный многоплатформенный текстовый редактор или IDE с открытым исходным кодом, который поддерживает пакеты, разработанные NodeJS, и встроенный элемент управления Git. Большинство расширяемых пакетов находятся в свободном доступе и разрабатываются сообществами с открытым исходным кодом. Atom IDE основана на Electron Framework(ранее называвшейся Atom Shell).

Электронная структура позволяет разработчикам использовать настольное приложение на нескольких платформах, таких как Linux, MacOS и Windows, с помощью NodeJS и Chromium. Atom IDE написана на Less и CoffeeScript, разработана и поддерживается GitHub.

Теперь давайте посмотрим, как загрузить и установить текстовый редактор Atom.

Загрузка и установка текстового редактора Atom Python

Мы можем скачать текстовый редактор Atom Python с официального сайта: https://atom.io. Он автоматически определит текущую конфигурацию операционной системы и отобразит соответствующий файл установки для загрузки.

Установка текстового редактора Atom Python

Чтобы загрузить установочный файл, нажмите «Загрузить». После завершения процесса загрузки откройте установочный файл, чтобы установить приложение в Системе. Поскольку процесс установки автоматический, нет необходимости в каком-либо руководстве. После успешной установки Atom автоматически откроется в каталоге по умолчанию, а в меню «Пуск» также будет создан ярлык приложения.

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

Давайте теперь разберемся с конфигурацией Atom Python для доступа к нему из каталога по выбору пользователя стандартным методом. Atom также предоставляет такие функции, как установка темы или пакета с помощью приветственного руководства. Сейчас мы закрываем приветственное руководство и снимаем флажок «Показывать приветственное руководство при открытии Atom». В результате оно не появится в следующий раз, когда мы запустим приложение Atom.

Атом Python

Теперь мы можем перейти в каталог, щелкнуть правой кнопкой мыши папку или файл и выбрать опцию «Открыть с помощью Atom».

Если опция недоступна в контекстном меню, мы можем запустить ее из программ. Все, что нам нужно сделать, это перейти в меню «Файл» в Atom, затем перейти к настройкам. Мы также можем использовать комбинацию клавиш: Ctrl + Comma(Ctrl +,), чтобы открыть настройки в Atom.

В настройках мы должны нажать на вкладку «Система» и проверить следующие параметры:

  1. Показать в контекстном меню файла.
  2. Показать в контекстном меню папки.

После этого в контекстном меню появится опция «Открыть с помощью Atom». Теперь мы можем открыть выбранный файл или папку прямо в Atom.

Когда мы открываем приложение Atom, мы видим дерево слева. Однако, если представление в виде дерева не отображается, мы можем перейти к просмотру в строке меню и щелкнуть «Переключить представление дерева». Мы также можем использовать ярлык: Ctrl + K Ctrl + B. Это древовидное представление содержит файлы, присутствующие в связанной папке, из которой мы можем дважды щелкнуть любой файл python, чтобы увидеть его содержимое.

Выполнение кода в Atom

Обычно мы используем командную строку или терминал для выполнения программ Python. Однако Atom предоставляет плагин, известный как platformio-ide-terminal, для выполнения кода Python. Мы можем настроить этот плагин, перейдя к файлу в строке меню. Затем нужно перейти к настройкам и щелкнуть вкладку «Установить». Теперь в строке поиска найдите и установите плагин platformio-ide-terminal. Мы можем использовать описанный выше метод для установки других пакетов, плагинов, а также тем.

Установка плагина platformio-ide-terminal

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

Мы можем открыть несколько файлов в Atom и разделить окно, выбрав «Просмотр» в строке меню. Перейдите в Panes и выберите опцию Split Right, чтобы отправить текущий файл в правую половину окна. Это поможет повысить производительность при работе с более чем одним файлом.

Тематика

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

Мы можем проверить все установленные темы, перейдя в Настройки в меню «Файл» и щелкнув вкладку «Темы». На вкладке «Тема» отобразится соответствующий результат. Мы также можем загрузить множество новых тем, доступных на рынке, щелкнув вкладку + Установить в Настройках и выполнив поиск нужной темы.

Мы также можем изменить настройки шрифта по умолчанию, снова перейдя в «Настройки» и щелкнув вкладку «Редактор». На следующей вкладке мы можем найти множество параметров, связанных со стилем редактора, который включает размер шрифта, стиль шрифта и многое другое. Мы можем изменить шрифт, используя Font Family, чтобы придать ему стиль по нашему выбору.

Atom Python: эксперименты

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

Высота строки обычно определяется как расстояние между двумя строками. Мы также можем изменить высоту строки, перейдя на вкладку «Редактор» и изменив ее в соответствии с требованиями.

  • Прокрутка прошлого конца.

Как правило, мы можем прокручивать код только до последней строки, которая также называется нижней частью экрана. Обычно мы не можем прокручивать дальше этого предела. Однако, если мы включим пакет Scroll Past End, мы сможем увидеть нижнюю строку вверху экрана. Этот пакет предоставляет пустое пространство внизу, чтобы пользователи могли удобно работать со своими кодами.

  • Показать руководство по отступу.

Направляющая для отступов используется для отображения вертикальных линий, которые означают, что должны появиться отступы. Мы можем включить «Показать руководство по отступу» на вкладке «Редактор» в настройках.

Есть и другие варианты, с которыми мы можем поэкспериментировать. Но пока давайте приступим к пониманию некоторых конфигураций, определенных Python.

Специальные конфигурации Python

Вот некоторые из чрезвычайно полезных плагинов для повышения производительности Python:

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

Сценарий

Например, мы изменили ярлык на Ctrl + R. После завершения обработки обновления закройте все окна и перезапустите Atom IDE. После перезапуска мы можем использовать скрипт Python, используя настроенный ярлык, и внизу также появится окно вывода. Но мы также можем настроить это поле вывода, как показано ниже.

В меню «Файл» выберите «Настройки» и перейдите на вкладку «Темы». Ссылка для настройки таблицы стилей видна вверху. Эта ссылка приведет нас к таблице стилей. После открытия таблицы стилей вставьте следующий фрагмент кода, чтобы увеличить размер шрифта консоли скрипта.

.script-view .line

  • Пакет значков-atom-файла.

Пакет atom-file-icons используется для вставки значков, ведущих к файлам в древовидной структуре, как показано ниже.

Перед установкой пакета atom-file-icons

Перед установкой пакета atom-file-icons

После установки пакета atom-file-icons

После установки пакета atom-file-icons

  • Пакет автозаполнение-python.

Пакет autocomplete-python отображает окно предложений относительно того, что может произвести впечатление, когда мы достигаем определенной точки при написании кода.

Пакет autocomplete-python

Flake действует как линтер Python, используемый для поиска ошибок в скрипте и их всех. Мы можем включить пакет flake, установив flake8, используя следующую команду в командной оболочке или терминале:

$ pip install flake8

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

  • python-autopep8.

Пакет python-autopep8 используется для форматирования кода. Мы можем включить его в настройках плагина autopep8, установив флажок «Форматировать» в параметре «Сохранить».

Теперь давайте разберемся с выполнением кода Python в Atom IDE.

Как выполнить и запустить код Python в Atom IDE?

Давайте разберемся с выполнением кода Python в Atom IDE, написав простой код для абстрактного класса.

import abc class Marine_Animals(abc.ABC): @abc.abstractmethod def Breathe( self ): pass class Fish( Marine_Animals ) : def Breathe( self ): print("Fishes breathe with their gills.") class Aerial_Animals(abc.ABC): @abc.abstractmethod def Breathe( self ): pass class Bird( Aerial_Animals ) : def Breathe( self ): print("Birds breathe through their mouth or their nostrils.") goldie = Fish() birdy = Bird() print( isinstance(goldie, Marine_Animals)) print( isinstance(goldie, Aerial_Animals)) print( isinstance(birdy, Marine_Animals)) print( isinstance(birdy, Aerial_Animals))

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

Пример кода файла inter.py

Теперь перейдем к выполнению кода с помощью установленного ранее терминала. Чтобы использовать терминал, щелкните значок +, расположенный в левом нижнем углу. Теперь введите следующую команду, чтобы запустить программу:

$ python inter.py True False False True

То же самое можно увидеть на следующем изображении:

Выполнение кода с помощью установленного терминала

Теперь давайте разберемся с кодом.

В приведенном выше примере мы определили два абстрактных класса: Marine_Animals и Aerial_Animals соответственно. Мы также определили абстрактный метод, а именно Breathe(), для этих классов. Мы также определили два дочерних класса, а именно Fish и Bird, которые наследуют атрибуты и методы вышеуказанных абстрактных классов.

Наконец, мы создали экземпляры обоих классов, используя объекты goldie и birdy соответственно, и используем функцию isinstance(), чтобы проверить, является ли объект экземпляром класса.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *