Как запустить файл в атоме

Обновлено: 21.11.2024

Atom — один из самых известных редакторов исходного кода для JavaScript. Он бесплатный, гибкий, настраиваемый и полностью построен с использованием HTML, CSS, JavaScript и интеграции Node.js.

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

Прежде чем мы начнем, если вы хотите узнать больше о JavaScript или других темах, вам действительно следует проверить SkillShare, вам действительно следует проверить SkillShare. Skillshare — это платформа онлайн-обучения с курсами практически по всему, чему вы хотите научиться. Чтобы узнать больше о Skillshare и его обширной библиотеке курсов и получить скидку 30 %, нажмите на ссылку ниже:

Если вы хотите узнать, как максимально полно использовать массивы в JavaScript, ознакомьтесь с нашим Полным руководством по массивам в JavaScript здесь. Он научит вас всему, что вам нужно знать об эффективном создании, использовании и управлении массивами в JavaScript.

А теперь приступим к обучению!

Подходит ли Atom для написания JavaScript?

Быстрый ответ: да.

Atom имеет такие функции, как автозаполнение, нечеткий поиск и многие другие, которые упрощают написание кода. Эти эффективные функции в сочетании с расширяемостью платформы Atom.io делают Atom действительно привлекательным вариантом редактора кода для JavaScript.

Как настроить Atom для написания JavaScript?

  • Атомный пакет Node.js
  • пакет скриптов на Atom

Установка Node.js

Страница загрузки Node.js

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

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

Лучшие пакеты Atom для написания JavaScript в Atom

Как установить пакеты в Atom

Чтобы установить любой пакет Atom в Windows, достаточно перейти в Файл -> Настройки -> Установить.

Если вы работаете на Mac, чтобы найти экран установки пакетов атома, выполните следующие действия:

<р>5. После установки пакет должен выглядеть примерно так, как показано на снимке экрана выше.

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

Можете ли вы запустить JavaScript в Atom?

Да, мы можем запускать JavaScript внутри самого редактора Atom. Все, что вам нужно, это загрузить и установить пакет сценариев в Atom.

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

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

Если вы хотите использовать VS Code для JavaScript, ознакомьтесь с нашим Руководством по разработке JavaScript в VS Code.

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

Вуаля! Вы только что написали и запустили программу JavaScript внутри Atom.

Надеюсь, этот урок был вам полезен. Удачи!

Хотите больше советов и рекомендаций? Подпишитесь на нашу рассылку!

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

Посетите наш канал на YouTube!

Теперь у нас есть канал на YouTube, и мы прилагаем все усилия, чтобы наполнить его советами, рекомендациями, инструкциями и учебными пособиями. Нажмите на ссылку ниже, чтобы проверить это!

Используете ли вы один и тот же пароль для нескольких сайтов? У вас есть проблемы с запоминанием всех ваших паролей? Вы должны попробовать 1Password! 1Password безопасен и позволяет безопасно входить на сайты и заполнять формы одним щелчком мыши. Я использую 1Password для всех своих паролей, и это действительно упрощает управление всеми моими паролями.

Чтобы получить дополнительную информацию о 1Password и получить 30-дневную бесплатную пробную версию, перейдите на страницу 1Password по ссылке ниже:

Посетите нашу страницу ресурсов

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

Хотите начать вести блог или на YouTube?

Начало работы может показаться сложным и пугающим (я знаю, что это было для меня), но это не обязательно так. Мне очень повезло найти программу, которая помогла мне увеличить количество просмотров страниц моего блога до более чем 35 000, а также канал YouTube, который растет с каждым месяцем.

Project 24 от Income School — это программа, которую я использовал. Я являюсь участником уже больше года и только что обновил свое членство. Я не могу рекомендовать Project 24 достаточно! Для получения дополнительной информации о Income School нажмите на ссылку ниже:

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

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

Это экран приветствия Atom, который дает вам хорошую отправную точку для начала работы с редактором.

Терминология

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

Палитра команд

На этом экране приветствия мы знакомимся с, вероятно, самой важной командой Atom — палитрой команд. Если вы нажмете Cmd+Shift+P Ctrl+Shift+P, находясь в области редактора, откроется палитра команд.

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

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

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

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

Это меню, управляемое поиском, может выполнять практически любую основную задачу, которая возможна в Atom. Вместо того, чтобы щелкать все меню приложения в поисках чего-либо, вы можете нажать Cmd+Shift+P Ctrl+Shift+P и выполнить поиск команды.

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

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

Настройки и предпочтения

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

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

Чтобы открыть окно настроек, вы можете:

  • Используйте пункт меню Atom > PreferencesFile > SettingsEdit > Preferences в строке меню
  • Выполните поиск settings-view:open в палитре команд.
  • Используйте сочетание клавиш Cmd+, Ctrl+ и
Изменение темы

В представлении настроек также можно изменить темы для Atom. Atom поставляется с 4 различными темами пользовательского интерфейса, темными и светлыми вариантами темы Atom и One, а также 8 различными темами синтаксиса. Вы можете изменить активную тему, щелкнув вкладку "Темы" на боковой панели окна "Параметры", или установить новые темы, щелкнув вкладку "Установить".

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

Мягкая пленка

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

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

Параметр "Мягкий перенос" позволяет переносить строки, длина которых слишком велика для текущего окна. Если мягкий перенос отключен, строки будут просто уходить за пределы экрана, и вам придется прокручивать окно, чтобы увидеть остальную часть содержимого. Если включен «Мягкий перенос при предпочтительной длине строки», строки будут переноситься на 80 символов, а не на конец экрана. Вы также можете изменить длину строки по умолчанию на значение, отличное от 80, на этом экране.

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

Открытие, изменение и сохранение файлов

Теперь, когда ваш редактор выглядит и работает так, как вы хотите, давайте начнем открывать и редактировать файлы. Ведь это текстовый редактор, верно?

Открытие файла

Есть несколько способов открыть файл в Atom. Вы можете сделать это, выбрав Файл > Открыть в строке меню или нажав Cmd+O Ctrl+O, чтобы выбрать файл в стандартном диалоговом окне.

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

Еще один способ открыть файл в Atom — из командной строки с помощью команды atom. В строке меню Atom есть команда «Установить команды оболочки», которая устанавливает команды atom и apm, если Atom не смог их установить самостоятельно. Команды atom и apm устанавливаются автоматически в процессе установки Atom.

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

Это отличный инструмент, если вы привыкли к терминалу или много работаете с ним. Просто запустите атом [файлы], и вы готовы начать редактирование.
Вы даже можете открыть файл в определенной строке (и, возможно, в столбце), чтобы курсор был расположен именно там, где вы хотите. Например, вы можете выполнить поиск по ключевому слову в репозитории, чтобы найти строку, которую хотите отредактировать:

а затем перейти к началу этой строки, добавив двоеточие и номер строки к пути к файлу:

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

Редактирование и сохранение файла

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

Чтобы сохранить файл, выберите Файл > Сохранить в строке меню или Cmd+S Ctrl+S, чтобы сохранить файл. Если вы выберете Файл > Сохранить как или нажмете Cmd+Shift+S Ctrl+Shift+S, вы сможете сохранить текущий контент в редакторе под другим именем файла. Наконец, вы можете выбрать Файл > Сохранить все или нажать Alt+Cmd+S, чтобы сохранить все открытые файлы в Atom.

Открытие каталогов

Однако Atom работает не только с отдельными файлами; вы, скорее всего, будете проводить большую часть своего времени, работая над проектами с несколькими файлами. Чтобы открыть каталог, выберите пункт меню Файл > Открыть Файл > Открыть папку и выберите каталог в диалоговом окне. Вы также можете добавить несколько каталогов в текущее окно Atom, выбрав Файл > Добавить папку проекта в строке меню или нажав Cmd+Shift+O Ctrl+Shift+A .

Вы можете открыть любое количество каталогов из командной строки, передав их пути инструменту командной строки atom. Например, вы можете запустить команду atom ./hopes ./dreams, чтобы одновременно открыть каталоги надежд и мечтаний.

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

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

Вы также можете скрыть и показать его с помощью Cmd+\ Ctrl+\ или команды tree-view:toggle из палитры команд, а Ctrl+0 Alt+\ сфокусирует его. Когда древовидное представление находится в фокусе, вы можете нажать A , M или Delete, чтобы добавить, переместить или удалить файлы и папки.Вы также можете щелкнуть правой кнопкой мыши файл или папку в представлении в виде дерева, чтобы увидеть множество различных параметров, включая все эти, а также отображение файла в Finder Windows Explorer вашей родной файловой системы или копирование пути к файлу в буфер обмена.

Пакеты Atom

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

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

Открытие файла в проекте

Открыв проект в Atom, вы можете легко найти и открыть любой файл в этом проекте.

Если вы нажмете Cmd+T Ctrl+T или Cmd+P Ctrl+P , появится окно Fuzzy Finder. Это позволит вам быстро найти любой файл в вашем проекте, введя части пути.

Вы также можете выполнять поиск только в открытых в данный момент файлах (а не во всех файлах проекта) с помощью Cmd+B Ctrl+B . Это ищет ваши «буферы» или открытые файлы. Вы также можете ограничить этот нечеткий поиск с помощью Cmd+Shift+B Ctrl+Shift+B , который ищет только новые файлы или файлы, которые были изменены с момента вашей последней фиксации Git.

Нечеткий поиск использует параметры конфигурации core.ignoredNames , fuzzy-finder.ignoredNames и core.excludeVCSIgnoredPaths для фильтрации файлов и папок, которые не будут отображаться. Если у вас есть проект с кучей файлов, которые вы не хотите искать, вы можете добавить шаблоны или пути к любому из этих параметров конфигурации или к вашим стандартным файлам .gitignore. Мы узнаем больше о параметрах конфигурации в разделе «Глобальные параметры конфигурации», но сейчас вы можете легко установить их в представлении «Параметры» в разделе «Основные параметры».

И core.ignoredNames, и fuzzy-finder.ignoredNames интерпретируются как шаблоны подстановок, реализованные модулем minimatch Node.

Обозначение параметров конфигурации

Иногда вы увидите, что мы ссылаемся на параметры конфигурации, все из которых прописаны как "Игнорируемые имена в основных настройках". В других случаях вы увидите, что мы используем сокращенное имя, например core.ignoredNames. Оба они относятся к одному и тому же. Сокращение — это имя пакета, затем точка. , за которым следует название параметра в верблюжьем стиле.

Я считаю редактор Atom хорошей бесплатной альтернативой текстовому редактору Sublime. Не удалось найти простой способ запустить программу в редакторе Atom. В моем случае я пытаюсь запустить программу Java. Пожалуйста, дайте мне знать, если это возможно? Если да, опишите дальнейшие действия.

Используйте Script Package, а затем Ctrl+Shift+B для запуска кода. Вывод будет показан в нижней части ATOM. Пакет скриптов — это действительно классная вещь для ATOM.

9 ответов 9

Я считаю, что пакет Script полезен для этого. Вы можете скачать его здесь.

После установки вы можете запускать сценарии на многих языках непосредственно из Atom, используя cmd-i на Mac или Shift-Ctrl-B в Windows или Linux.

Я установил пакет сценариев и попытался запустить программу Java на своем компьютере с Windows. Но получил следующую ошибку: «javac» не распознается как внутренняя или внешняя команда, исполняемая программа или пакетный файл.

Есть ли способ остановить запущенный javascript (скажем, с помощью таймера)? Пробовал меню "Пакеты > Скрипт > Остановить скрипт", но не помогло.

Я не могу установить пакет с веб-сайта. Однако я сделал это в атоме внутри. Если кто столкнулся с такой же проблемой, зайдите в "Файл => Настройки => Установить" и найдите "скрипт" и установите

  1. Нажмите "Пакеты" --> "Палитра команд" --> "Переключить".
  2. Введите "Установить пакеты и темы".
  3. Найдите скрипт и установите его.
  4. Нажмите Command + I, чтобы запустить код (на Mac)

Я думаю, что atom-runner лучше, потому что при использовании Script код в текущем окне перемещается на несколько строк по горизонтали. Может быть, он просто немного сломан в данный момент?

Иногда у меня работает скрипт. Я заметил, что когда я запускаю скрипты Ruby, он пытается запустить Rails. Это шаткий путь. Я заметил, что его выключение и запуск резервной копии Atom некоторое время работает. Жаль, потому что мне нравилось работать в Atom с режимом VIM. Я всегда возвращаюсь к VIM или macvim, надеюсь, они исправят Script. У Atom есть несколько приятных функций, которые мне нравятся по сравнению с ViM.

Я не могу говорить о Java, работающей в Atom, но она отлично работает в eclipse или лучше в IntelliJ IDEA (лучший редактор для Java, имхо)

Вы можете перейти к настройкам, выбрать пакеты и ввести там atom-runner, если ваш браузер не может открыть эту ссылку.

Чтобы запустить код, нажмите Alt + R, если вы используете Windows в Atom.

Для программ на C/C++ есть очень хороший пакет gpp-compiler.

Ярлыки:

Если вы знаете, как запустить программу из командной строки, вы можете запустить ее из терминала пакета platformio-ide-terminal. См. Platformio-ide-terminal предоставляет встроенный терминал в текстовом редакторе Atom. Таким образом, вы можете выполнять команды, в том числе команды для запуска вашей Java-программы, изнутри. Чтобы установить этот пакет, вы можете использовать APM с помощью команды:

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

  • Нажатие клавиш Ctrl + Shift + P . Я предполагаю, что это подходящее сочетание клавиш для вашей платформы, так как вы имели дело с вопросами об Ubuntu в прошлом.
  • Введите "Установить пакеты и темы".
  • Найдите платформу-иде-терминал .
  • Установите его.

Этот пакет в Atom может запускать сценарии.

нажмите Alt+X для запуска скрипта.
Для запуска javascript вам необходимо установить 'node js'

Также при нажатии ctrl+shift+i в атоме разработчик получает доступ к таким параметрам, как Chrome

вы можете параллельно тестировать код javascript в редакторе атомов.

Чтобы это правильно работало в Windows, необходимо вручную указать путь к JDK ( . \jdk1.x.x_xx\bin ) в переменных системной среды.

Я добавил путь JDK в переменные среды. После этого я получаю следующую ошибку: javac: файл не найден: EnergySource.java Usage: javac use -help для списка возможных вариантов

@Omkar Я столкнулся с той же проблемой. Чтобы заставить его работать, либо 1) откройте atom из командной строки в каталоге, где находится нужный исходный файл Java, либо 2) щелкните правой кнопкой мыши исходный файл Java, а затем попробуйте построить - теперь это должно работать. Другими словами, проблема заключается в том, что путь к файлу, который вы пытаетесь создать, задан неправильно. Если вы посмотрите в ~\.atom\packages\script\lib\grammars.coffee, вы увидите, что для создания файлов Java в Windows используется только имя файла без полного пути. Должен сказать, это не то, что я ожидал, не удобно.

@informatik01 Первый вариант сработал волшебным образом. Не уверен, что получится второй метод. Я не вижу опции сборки при щелчке правой кнопкой мыши исходного файла в редакторе. Но для чистого решения согласитесь, что grams.coffee должен учитывать полный путь к файлу.

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

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

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

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

Выбор текстового редактора

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

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

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

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

Я. Атом

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

Как установить Atom

ОС Х

Atom работает на компьютерах Mac под управлением OS X 10.8 или более поздней версии.

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

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

Дважды щелкните значок приложения, чтобы загрузить Atom и начать работу.

Windows
Atom поддерживает Windows 7 и 8.

  1. Посетите домашнюю страницу Atom и нажмите Загрузить установщик Windows. Через несколько секунд Atom появится в папке Загрузки в виде ZIP-файла.
  2. Для начала следуйте инструкциям установщика Windows. Вы можете посетить страницу установки Atom для Windows для получения более подробных инструкций.

Сохранить файл с помощью Atom

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

  1. Закройте Руководство по приветствию, нажав значок x.
  2. На верхней панели Atom выберите «Файл» > «Новый файл». Появится пустой файл без названия.
  3. На верхней панели Atom выберите «Файл» > «Сохранить» или «Сохранить как».
  4. Назовите файл index.html. Крайне важно использовать расширение файла .html, чтобы Atom знал, как обеспечить подсветку синтаксиса HTML.
  5. Создайте простой HTML-файл:

Исследуйте атом

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

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

Чтобы изменить тему Atom:

  1. В строке меню Atom выберите Atom > «Настройки».
  2. На панели "Настройки" выберите "Темы".
  3. В разделе «Выберите тему» ​​вы можете смешивать и сочетать темы пользовательского интерфейса и синтаксиса из доступных вариантов или исследовать более 1300 пользовательских тем Atom. Вы можете сделать свой редактор кода похожим на редактор кода Codecademy, выполнив поиск codecademy-syntax-theme в меню «Установка» слева.

Установить пакет
Пакеты — это специальные надстройки, которые дополнительно настраивают ваш опыт написания кода с помощью Atom. Например, вам может понадобиться пакет, который выделяет синтаксические ошибки при написании кода. Такие пакеты называются линтерами.

Давайте установим linter-tidy для нашего HTML:

В строке меню Atom выберите Atom > «Настройки» > «Установить». Откроется панель настроек.

В поле поиска введите linter-tidy. Atom будет искать пакеты в своей базе данных.

Как только Atom обнаружит linter-tidy, установите пакет, нажав Установить:

linter-tidy теперь будет отслеживать ваш HTML по мере написания кода и предупреждать вас о синтаксических ошибках. Здесь вы можете найти более 4500 пакетов Atom.

Чтобы отключить или удалить пакеты, откройте Atom > Настройки > Пакеты, найдите свой пакет и выберите Отключить или Удалить.

II. Великолепный текст

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

Atom и Sublime Text являются не зависимыми программами. Хотя вы можете попробовать и то, и другое, вам не нужны оба для написания кода.

Установите Sublime Text 3

OS X
Sublime Text работает на компьютерах Mac под управлением OS X 10.7 или более поздней версии.

  1. Посетите страницу загрузки Sublime Text. Выберите OS X из списка вариантов загрузки. Подождите несколько секунд, пока приложение загрузится.
  2. Перетащите значок Sublime Text в папку «Приложения». В процессе загрузки эта опция должна отображаться автоматически. Если это не так, найдите приложение в папке «Загрузки».
  3. Дважды щелкните значок Sublime Text, чтобы начать работу с вашим первым файлом кода.
    1. Посетите страницу загрузки Sublime Text. Выберите Windows из списка вариантов загрузки. Подождите несколько секунд, пока приложение загрузится.
    2. Откройте приложение либо из раздела загрузок браузера, либо из папки "Загрузки" на компьютере.
    3. Вы можете получить предупреждение системы безопасности с вопросом, можно ли запускать это программное обеспечение. Да, все в порядке. Нажмите Выполнить.
    4. Следуйте инструкциям мастера установки Sublime Text, чтобы установить программное обеспечение.
    5. Найдите Sublime Text в файловой системе и откройте его.

    Сохранить файл с Sublime Text

    1. В верхней строке меню Sublime Text выберите «Файл» > «Новый файл». Появится пустой файл без названия.
    2. Затем выберите «Файл» > «Сохранить» или «Сохранить как».
    3. Мы создадим простой HTML-файл: [снимок экрана]
      • Очень важно, чтобы вы использовали расширение файла .html, чтобы Sublime Text знал, что нужно обеспечить подсветку синтаксиса HTML.
    4. Создайте простой HTML-файл:

    Изучите возможности Sublime Text

    Добавление папки проекта
    Как и Atom, Sublime Text предоставляет древовидное представление вашего проекта, чтобы вы могли удобно перемещаться по папкам и файлам. Вот как это использовать:

    1. В верхней строке меню выберите «Проект» > «Добавить папку в проект». Это запустит ваш файловый менеджер. Перейдите к папке проекта по вашему выбору и нажмите Открыть.
    2. Папка откроется на боковой панели Sublime Text, отображая содержимое папки. Выберите из списка файлов или выберите вложенную папку.

    Чтобы изменить цветовую схему Sublime Text:

    Установить пакет

    Прежде чем мы сможем начать установку пакетов в Sublime Text, необходимо установить Package Control.

    Чтобы установить контроль пакетов:

    1. В верхней строке меню Sublime Text выберите «Вид» > «Показать консоль». Консоль Sublime Text откроется в нижней части окна.
    2. Перейдите на страницу установки Package Control и скопируйте код Python для Sublime Text 3.
    3. Вставьте код в консоль Sublime Text и нажмите Enter. Это настроит Sublime Text, чтобы вы могли начать установку пакетов.
    4. Чтобы убедиться, что Package Control настроен, выберите Sublime Text > Preferences. Должны появиться два новых параметра: Управление пакетами и Настройки пакета.

    Выберите Инструменты > Палитра команд

    Когда откроется палитра команд, введите Package Control: Install Package и нажмите Enter .

    html-tidy зависит от SublimeLinter. В поле поиска найдите SublimeLinter. Когда он появится в результатах поиска, выберите его и нажмите Enter .

    Установка займет несколько минут.

    Вернитесь к палитре команд и снова введите: Package Control: Install Package
    Затем нажмите Enter .

    Найдите SublimeLinter-html-tidy. Когда он появится в результатах поиска, выберите его и нажмите Enter. Установка займет несколько минут.

    При облачной разработке с использованием Atom компиляция и выполнение выполняются в облаке. Из Atom вы можете скомпилировать приложение SPL, используя действия "Сборка" или "Сборка и отправка":

    Если вы выберете «Сборка», приложение будет скомпилировано, а полученный исполняемый файл .sab (пакет Streams Application Bundle) будет сохранен в выходной папке вашего проекта. Если вы выберете «Создать и отправить задание», приложение будет скомпилировано и выполнено в облаке.

    Вот пример.

    Об образце приложения

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

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

    Создайте приложение

    На панели «Проект» выберите файл SPL, содержащий композит, который вы хотите запустить. В нашем примере выберите BusAlerts > my.name.space > BusAlerts_CachedData.spl.

    Щелкните правой кнопкой мыши и выберите IBM Streams > Создать и отправить задание.

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

    Просмотр сообщений и ошибок компиляции

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

    Нажмите Вид > Переключить консоль, и появится панель консоли:

    В случае возникновения ошибки обратитесь к разделу "Устранение неполадок", чтобы узнать, как устранить ошибки.

    Запустите приложение

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

    Отправка задания означает запуск приложения в экземпляре Streams в облаке.

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

    Отслеживание заданий

    Приложения Streams можно отслеживать с помощью Job Graph или Streams Console.Инструмент, который вы будете использовать, зависит от вашей среды разработки и/или предпочтений. Граф заданий доступен только в Cloud Pak for Data, а консоль Streams включена во все версии Streams.

    Использование диаграммы вакансий

    График вакансий доступен в веб-интерфейсе CPD

    Использование консоли потоков

    Если вы не используете Streams в CPD или ищете более продвинутую альтернативу Job Graph, вы можете отслеживать работоспособность своего приложения Streams и кластера с помощью Streams Console.

    Просмотр выходных данных приложения BusAlerts

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

    Чтобы просмотреть или скачать журналы для приложения BusAlerts, см. инструкции для Job Graph или Streams Console.

    Вы должны увидеть такой вывод:

    В каждой строке указан маршрут автобуса, интересующая вас компания или область, а также сообщение, которое будет отправлено. Например, первое сообщение будет адресовано автобусу N о том, что возле парка Миссии Долорес произошел инцидент с безопасностью.

    Запуск приложения с параметрами

    Если у вас есть приложение и вы хотите указать параметр во время выполнения, вы не можете отправить приложение из Atom после компиляции.

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

    Сообщение означает, что вы должны указать значение для параметра. Чтобы указать параметры приложения, используйте Streams Console для отправки приложения.

    Отправить заявку из Streams Console

    Общие шаги по отправке заявки из консоли Streams описаны в этом видео:

    Как показано в видео, шаги следующие:

    1. Создайте исполняемый файл, используя параметр "Создать", а не параметр "Создать и отправить задание". Этот параметр компилирует приложение и помещает исполняемый файл с именем myapp.sab в выходной каталог вашего проекта.
    2. Откройте консоль Streams и загрузите файл myapp.sab.
    3. Установите все необходимые параметры.

    В этом случае ваше приложение имеет параметр $agency , который задается в коде.

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

    Значение по умолчанию — sf-muni , поэтому по умолчанию наше приложение отслеживает автобусы в муниципалитете Сан-Франциско. Ваша цель – установить для параметра $agency значение ttc для Транзитной комиссии Торонто. Использование этого значения изменит приложение для мониторинга автобусов в Торонто, а не в Сан-Франциско.

    Используйте Build для создания исполняемого файла

    Щелкните правой кнопкой мыши файл SPL и выберите "Создать".

    Этот параметр компилирует приложение и сохраняет исполняемый файл в выходной папке вашего проекта.

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

    Чтобы запустить приложение, щелкните правой кнопкой мыши файл .sab в выходной папке и выберите "Отправить задание".

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

    Этот параметр открывает консоль Streams в вашем браузере.

    Отправить задание из консоли Streams

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

    В окне "Отправить задание" нажмите "Обзор". Выберите файл .sab в выходной папке вашего проекта.

    Совет. Путь к файлу печатается в консоли Atom, поэтому его можно скопировать и вставить.

    Нажмите «Отправить». Отобразятся параметры приложения.

    Примечание: поскольку параметр bus-agency имеет значение по умолчанию, sf-muni мы смогли отправить заявку с первого раза. Когда вы используете параметр «Создать и отправить», а затем отправляете напрямую из Atom, используются значения по умолчанию для любых параметров. Если для некоторых параметров нет значений по умолчанию, отправка завершится ошибкой.

    Сводка параметров настройки

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

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

    Остановить работающее приложение

    Важно: если вы используете службу Streaming Analytics в облаке IBM, не оставляйте приложение запущенным без необходимости, чтобы избежать превышения лимита бесплатных вычислений и дополнительных расходов

    После завершения работы с приложением остановите его, нажав кнопку "Отмена" в любом месте консоли Streams.

    Выберите задания, которые нужно отменить, и нажмите «Отменить задания».

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

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