Atom

Официальный сайт

Руссификация

Редактор кода Атом (Atom) официально имеет только англоязычный интерфейс. Но для пользователей, которые не достаточно хорошо знают английский язык, есть специальный плагин, при установке которого появляется возможность менять интерфейс программы на нужный язык.

Чтобы установить такой плагин, необходимо запустить Atom, зайти в меню File – Settings (или нажать комбинацию клавиш Ctrl + "запятая" на английской раскладке клавиатуры) – в открывшейся вкладке выбрать меню Install – затем в строке поиска ввести название плагина Atom-i18n – в первом появившемся результате нажать Install (т.е. установить) и данный плагин будет установлен!

Сразу после установки плагина программа Атом будет русифицирована, - если ваша операционная система на русском языке. Если же по каким-либо причинам русификация не произошла сразу, то необходимо зайти в "Настройки" данного плагина, прокрутить чуть ниже и выбрать нужный вам язык (например, русский или украинский). Появится всплывающее окно, которое сообщит о необходимости перезагрузки Атома. Нажимаете кнопку Reload, и перезагружаете программу Atom с выбранным языком интерфейса.

Если вам необходимо удалить данный плагин с Атома, точно также заходите через меню Настройки – Расширения (packages) – в списке Пользовательские расширения выбираете плагин для удаления и нажимаете Удалить.

Настройка Atom для работы с Markdown

Установить следующие расширения:

language-markdown
markdown-writer
markdown-preview

Источник

Как создать Сниппет в Atom

Чтобы сделать свой сниппет для начала перейдите в Atom > Snippets, откройте snippets.cson (CoffeeScript Object Notation). Затем вам нужно определить область видимости, или тип файла, в котором будет доступен ваш сниппет.

Вот список областей видимости, вам в помощь

• HTML: .text.html.basic
• CSS: .source.css
• Sass: .source.sass
• JavaScript: .source.js
• JSON: .source.json
• PHP: .text.html.php
• Java: .source.java
• Ruby: .text.html.erb
• Python: .source.python
• Обычный текст (включая markdown): .text.plain

Далее дайте имя и задайте кейворд для активации вашего сниппета, после чего напишите код самого сниппета.  К примеру вот сниппет под названием «5 item list», который активируется словом «five» и выдаёт список с пятью элементами.

'5 item list':
    'prefix': 'five'
  'body': """
        <ul>
            <li>$1</li>
            <li>$2</li>
            <li>$3</li>
            <li>$4</li>
            <li>$5</li>
        </ul>
    """

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

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

Источник Ещё о сниппетах

Исправить ошибку при создании сниппетов:

'.plain.text':
  'HTML Bootstrap':
    'prefix': 'bs'
    'body': 'test'

Источник

Перенос строки для файлов Markdown

Открыть файл config.cson: File → config (Файл → Созд. конфиг...)

"*":
  editor:
    softWrap: false  # the rule

".md.text":  # when available
  editor:
    softWrap: true  # the exception #1

".gfm.source":  # the default: github version
  editor:
    softWrap: true  # the exception #2

Поменять:

"*":
  editor:
    softWrap: true  # the rule

".md.text":  # when available
  editor:
    softWrap: false  # the exception #1

".gfm.source":  # the default: github version
  editor:
    softWrap: false  # the exception #2

При такой настройке строка не будет переносится только в файлах Markdown. Вообще настройка переноса: Файл → Настройки → Редактор → Soft Tab (галочку нужно поставить и editor: {softWrap: true}

editor:
    softWrap: true

Источник

Плагины

• Autoprefixer автоматический набор префиксов.