1. Главная страница » Компьютеры » Atom редактор русский язык

Atom редактор русский язык

Автор: | 16.12.2019

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

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

Установка Atom

Для операционной системы Windows или MacOS редактор Atom можно загрузить с GitHub репозитория проекта. Затем надо распаковать полученный архив и запустить atom.exe. Программа портативная, поэтому установки не требует.

Версию для Linux можно скачать там же. Доступны deb- и rpm-пакеты, а также есть возможность собрать программу из исходников. Для установки загруженного deb-пакета в Ubuntu или Debian выполните команду:

sudo dpkg -i atom-amd64.deb

Также в Ubuntu можно установить программу через менеджер пакетов snap. Для этого выполните такую команду:

snap install atom

После завершения установки вы можете найти программу в главном меню системы:

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

1. Установка пакетов Atom

Основное преимущество Atom — возможность установки различных пакетов для поддержки огромного количества функций. Давайте сначала разберём, как устанавливать пакеты, а потом я буду просто говорить, что нужно установить для получения той или иной функциональности. Для установки нового пакета на вкладке Welcome Guide выберите Install a package, а затем Open Installer.

Это же окно можно открыть через главное меню. Для этого откройте Edit -> Preferences -> Install. Здесь есть поле поиска, в которое нужно ввести имя пакета для установки:

Далее для установки пакета нужно выбрать пакет из списка найденных и нажать кнопку Install.

Когда установка завершится, вы сможете открыть его настройки кнопкой Settings или деактивироивать его кнопкой Disable. Также вы можете устанавливать пакеты atom из командой строки. Для этого выполните в терминале:

apm install имя_пакета

2. Русификация Atom

Я не рекомендую русифицировать программу. Если вы разработчик, то английский вам обязательно понадобится и не нужно избегать возможности его практиковать. К тому же ничего сложного в меню нет, а в интернете есть множество инструкций на русском. Но если очень хотите, то можно. Для этого установите пакет atom-i18n. Это не просто русификатор Atom, пакет содержит поддержку огромного количества языков.

Когда пакет будет установлен, нажмите кнопку Settings под именем пакета и в поле Language выберите Русский:

Затем вам останется перезагрузить редактор. Теперь главное меню и контекстное меню будут на русском:

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

3. Выбор темы оформления

Тема оформления — это один из самых важных моментов в настройке Atom, так как внешний вид интерфейса и подсветка кода будут всегда перед вашими глазами. Для настройки темы откройте Edit -> Preferences -> Themes:

Здесь можно выбрать тему интерфейса Theme UI и тему подсветки синтаксиса Theme Syntax:

Доступна светлая тема и тёмная:

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

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

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

Читайте также:  Geforce gt 240 1gb характеристики

Также для улучшения вида файлов можно установить пакет, который добавляет для каждого типа файла иконки:

В Atom для подсветки ошибок на лету используется интерфейс линетров. Есть общий пакет Linter, а также реализации проверки для разных языков. Чтобы добавить подсветку ошибок в PHP, CSS, JSON и HTML, надо установить эти пакеты:

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

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

5. Поддержка Git

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

Чтобы сделать коммит, нажмите на кнопку Git в нижнем правом углу экрана. Здесь надо выбрать изменённые файлы, затем ввести описание коммита и нажать Commit to имя_ветки. Рядом с кнопкой Git, есть кнопки, с помощью которых можно переключаться между ветками или публиковать изменения в удалённый репозиторий.

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

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

Также для php нужно установить инструмент php-cs-fixer в систему. Для этого выполните такие команды в терминале Linux:

wget https://cs.symfony.com/download/php-cs-fixer-v2.phar -O php-cs-fixer

sudo chmod a+x php-cs-fixer
sudo mv php-cs-fixer /usr/local/bin/php-cs-fixer

Теперь в терминале у вас должно получиться выполнить команду php-cs-fixer. Если система не сообщила, что команда не найдена, то всё прошло нормально. В Atom теперь можно открыть меню Packages -> Atom Beautify и выбрать пункт Beautify для автоматического форматирования.

7. Редактор в стиле Vim

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

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

8. Префиксы в CSS

Множество новых функций, которые включены в CSS в разных браузерах, поддерживаются только в виде экспериментальных возможностей, которые можно использовать только вместе с префиксом производителя. Например -webkit, -ms, -moz и другие. Вручную расставлять эти префиксы не очень удобно, поэтому можно воспользоваться плагином autoprefixer.

После его установки выделите нужный фрагмент кода, затем откройте меню Packages -> Command Palette -> Toggle:

Далее наберите Autoprefixer и нажмите Enter. После этого префиксы производителя в css atom будут автоматически установлены:

9. Отладка PHP в Atom

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

sudo apt install php-xdebug

Затем добавьте такие строчки в конфигурацию отладчика:

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. Если это значение будет true, то отладчик будет запускаться для всех выполняемых скриптов, а это нам не нужно. Порт оставляем по умолчанию 9000, хост 127.0.0.1. Затем перезапустите веб-сервер, чтобы применить настройки:

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:

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

Читайте также:  Linux mint intel atom

Также можно просто выбрать строчку и в меню Debug выбрать Toggle Breakpoint. Затем откройте меню и выберите Debug -> Toggle Debugging.

Дальше займёмся браузером. По умолчанию отладка будет отключена. Чтобы её включить, установите это расширение. Затем кликните по его значку и выберите Debug:

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

Затем вам станет доступна отладка:

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

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

Настройка редактора Atom завершена, теперь немного про использование. Я думаю, не нужно говорить, как открывать и сохранять файлы. Но о проектах нужно сказать. Выбрав в меню File пункт Open Project Folder, вы можете выбрать папку, в которой находятся ваши исходные коды. Далее все файлы и папки из неё будут отображаться в виде дерева на левой панели — это очень удобно:

Выводы

В этой статье мы рассмотрели, как пользоваться Atom для веб-разработки, а также основные полезные плагины, которые можно установить и использовать. Есть и другие интересные расширения, например Emmet, но я им не пользуюсь, поэтому ничего о нем сказать не могу. В целом, при достаточной настройке, Atom превращается практически в полноценную среду разработки. А какие плагины и возможности Atom используете вы? Напишите в комментариях!

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

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

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

Основные возможности Atom

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

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

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

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

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

Для установки Atom необходимо быть обладателем одной из следующих систем: Mac OS, Windows 7, 8 и 10, RedHat Linux, или Ubuntu Linux. Такое разнообразие различных операционных систем даёт возможность избежать проблем с синхронизацией при командных вызовах.

Полная инструкция по установке, настройке, работе с FAQ.

21.09.2016 32 комментария 119 553 просмотров

Свершилось! Наконец-то в Atom появилась проверка орфографии русского и английского языка! Так что опять возвращаюсь к теме Atom.

Содержание

Введение

Некоторое время назад, я пытался перейти с Notepad++ на Atom, а до этого на Sublime Text. Но всякий раз попытки были безуспешными, так как некоторых привычных инструментов из Notepad++ не хватало. Для Atom самым главным минусом для меня было отсутствие проверки орфографии русского языка.

Читайте также:  Play pal платежная система

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

Установка

Скачиваем либо официальную последнюю версию с сайта, либо текущую последнюю версию y в GitHub.

Запускаем скаченный файл, и он автоматически запустит установку без всяких диалоговых окон.

После установки откроется редактор.

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

Первоначальная настройка

Перейдем в настройки приложения File → Settings .

Снимаем галочку с пункта Open Empty Editor On Start в разделе Core , чтобы при запуске программы открывались последние открытые файлы.

Также в разделе Core можно указать папку ваши основных проектов.

В разделе Editor включаем переносы строк Soft Wrap .

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

Открытие файлов и каталогов через контекстное меню

Идем File → Settings .

В разделе System добавляем в контекстном меню возможность открывать файлы и папки с помощью Atom.

Но, у меня почему-то не при последней установке данные команды не сработали. И никакие шаманства не помогли. Пришлось вручную добавлять соответствующие команды в реестр Windows 10.

Для этого создайте текстовой файл расширения .reg (например, open-w-atom.reg ) с подобным содержанием:

Везде текст C:\Users\sensor\AppData\Local\atom\app-1.11.0-beta5\atom.exe поменяйте на путь к программе на вашем компьютере. Он будет обязательно другой у вас. И обратите внимание, что в пути у вас должны быть двойные слэши.

После этого запустите сохраненный файл и внесите изменения в реестр. После этого у вас в контекстном меню у файлов и папок появятся такие подобные пункты.

Выбор темы оформления (Material Design)

Идем File → Settings . И там идет в раздел Themes .

Там можно выбрать тему для оформления интерфейса Atom, а также для отображения непосредственно текста в документах.

Вот не люблю я темные темы для текстовых редакторов. Поэтому выбирал светлые темы.

Вот так будет выглядеть редактор с такими темами.

Если вы хотите найти и установить другие темы, то перейдите в раздел установки, а там выберете Themes для перехода в поиск тем.

Например, популярны темы в стиле Material Design .

Выбранные темы можно установить.

Я себе установил atom-material-ui и atom-material-syntax-light .

И они потом появятся в выборе тем:

Темы также имеют варианты настроек:

Я поменял основной цвет темы.

Сделал компактный вид панели вкладок.

Сделал компактным дерево папок.

После этих настроек редактор выглядит так:

Проверка орфографии на английском и русском языках

Идем File → Settings . Там идет в пакеты Packages .

В поиске установленных пакетов выбираем spell .

И в пакете spell-ckecker переходим в настройки.

И в разделе Locales напишите en-US, ru-RU .

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

Также в настройках поставьте галочку около Add Known Words . Тогда вам будет предлагаться добавлять новые слова в словарь.

Вызов подсказок о том, как можно исправить слово, делается через Ctrl + Shift + : .

Не для всех расширений файлов включается проверка орфографии. Чтобы подключить проверку в орфографии для файлов нового расширения, вызовете консоль Ctrl + Shift + P , находясь в файле. Там пропишите Editor: Log Cursor Scope и выберете этот пункт. И вы увидите внизу справа уведомление с одним или несколькими пунктами текста. Один из них будет означать тип документа.

У меня для LaTeX файлов этот тип определился как text.tex.latex .

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

И в разделе Grammars дописываем наш тип файлов.

Теперь проверка орфографии появилась и в LaTeX файлах.

Как могли заметить выше на моей светлой теме подсказки появляются с темным фоном. Исправим это.

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

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