понедельник, 27 июля 2015 г.

Текстовый редактор Atom

В последнее время, довольно большой популярности набирает текстовый редактор Atom, от команды Github. Одна из причин роста популярности Atom — его расширяемость. Функционал Atom легко расширяется подключением соответствующих пакетов. Помимо этого, Atom очень привлекательный на вид и удобный в использовании.

Важно понимать, что Atom не является полноценным IDE, таким как Netbeans или PhpStorm, например. Это простой текстовый редактор с расширенными возможностями, которые можно настраивать под свои нужды.

В этой статье я опишу как установить и настроить Atom для использования HTML, JavaScript, AngularJs и PHP.

Установка на Windows 7

Установка не вызывает затруднений — скачиваем установщик с офф-сайта и запускаем его. Настроек никаких особых не нужно производить кроме указания пути установки.

Установка на Ubuntu

В Ubuntu все также просто. В терминале выполняем последовательность команд:

$ sudo add-apt-repository ppa:webupd8team/atom
$ sudo apt-get update
$ sudo apt-get install atom

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

export http_proxy=http://<proxy>:<port>
export https_proxy=http://<proxy>:<port>

$ sudo -E add-apt-repository ppa:webupd8team/atom
$ sudo apt-get update
$ sudo apt-get install atom

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

Установка пакетов производится проще простого — через интерфейс Atom

  • Для Windows — File → Settings → Install
  • Для Ubuntu — Edit → Preferences → Install

Находим нужный пакет и устанавливаем его. Вот список используемых мною пакетов:

  1. atom-save-all — назначает сочетанию клавиш Ctrl + S сохранения всех измененных файлов. По умолчанию Atom сохраняет только активный файл.
  2. javascript-snippets — пакет для автоматического дополнения JavaScript NodeJS кода.
  3. AngularJS-Atom — пакет для автоматического дополнения AngularJS тегов и кода.
  4. autoclose-html — пакет для автоматического закрытия HTML тегов.
  5. atom-bootstrap3 — пакет для автоматического дополнения классов Twitter Bootstrap.
  6. autocomplete-php — пакет для автоматического дополнения PHP методов.
  7. color-picker — очень удобный пакет для подбора цветов.

Опять же, относительно прокси. В моем случае доступные пакеты в Atom отображаются, а вот установить их не получается никак — ни через интерфейс ни с помощью apm или npm. В таком случае, если пакет не имеет зависимостей от других пакетов, то он легко устанавливается копированием в папку ~/.atom/packages, где символ ~ означает домашний каталог пользователя.

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

1 комментарий:

  1. Недавно юзал на сайтах і нашёл bootstrap 3 шаблоны которые упрощают роботу на сайтах. Просто, скачал, установил, ы главное бесплатно

    ОтветитьУдалить

Ярлыки

Популярные записи