Перейти к содержимому

Atom как закомментировать несколько строк

  • автор:

Настройка Atom

Первым продвинутым блокнотом, которым я начал активно пользоваться, был Notepad++ (до сих пор им часто пользуюсь), потом пытался перейти на Sublime Text. А потом пробовал перейти на Atom, про который говорится в этой статье.

И да. Потом я всё равно перешел на Visual Studio Code.

Установка

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

Скачивание программы

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

Предупреждение от Windows

Предупреждение от Windows

Установка Atom

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

Редактор Atom

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

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

Настройки программы

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

Изменение параметра «Open Empty Editor On Start»

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

Выбор папки с проектами

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

Включение переноса строк

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

Выбор количества пробелов для табуляции

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

Идем File → Settings .

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

Настройка контекстного меню

Сейчас в 2018 году всё работает отлично, но раньше в 2016 году у меня эта команда не помогла, поэтому добавлял вручную в реестр 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-checker переходим в настройки:

Настройки проверки орфографии

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

Выбор языков для проверки орфографии

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

Пример проверки орфографии

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

Выбор пункта «Add Known Words»

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

Подсказки для исправления слова

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

Список проверяемых типов файлов

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

Идем File → Settings . И там идет в раздел Install , и там выбираем Packages :

Окно установки пакетов

Пишем название пакета, который нам нужен, нажимаем Enter . И после появление списка плагинов устанавливаете тот, что вам нужен:

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

Установленный пакет появится в списке пакетов:

Установленный пакет

Настройка предустановленных пакетов

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

Находим там пакет tree-view . И переходим в настройки его:

Пакет tree-view

И там ставим галочку около Hide Ignored Names . Например, чтобы в дереве папок не показывалась папка .git , которая нам не понабиться:

Включение параметра «Hide Ignored Names»

А в пакете autosave можно включить автоматическое сохранение документов, когда Atom теряет фокус. Это не касается документов, которые были созданы, но еще ни разу не сохранялись. В общем полезная вещь:

Включение автосохранения

Установленные пакеты у меня

Список тех пакетов, которые я дополнительно установил.

    — карта документа справа от документа с возможностью прокрутки документа:

Пакет minimap

    — для отображения цветов там, где мы их обозначаем в коде:

Пакет pigments

    — теперь цвет можно менять через пипетку Ctrl + Alt + C :

Пакет color-picker

    — иконки для файлов в списке файлов:

    — подсветка синтаксиса для файлов .qml :

Пакет language-qml

language-ini — подсветка синтаксиса для файлов .ini .

language-latex — для отображения LaTeX кода:

Пакет language-latex

    — Если выделили слово, то в других местах это же слово будет подсвечиваться:

Пакет highlight-selected

    — дополнение к предыдущему пакету. Теперь подсветка выделяемого слова будет и в карте документа справа:

Пакет minimap-highlight-selected

    — сортировка текста по F5 . А если войти в консоль Ctrl + Shift + P и там набрать Sort , то увидите, что есть еще команды для работы с текстом по сортировке:

Пакет sort-lines

Команда Sort lines: Natural сортирует числа как числа:

Сортировка чисел

    — печать документа с подсветкой синтаксиса. Переходим в консоль и там набираем export и выбираем нашу команду:

Пакет export-html

Печать документа с подсветкой синтаксиса

    — для просмотра PDF документов:

Пакет pdf-view

    — превью SVG файлов:

Пакет svg-preview

    — красиво расставляет отступы в коде по сочетанию Ctrl + Alt + B .

Код HTML до преобразований

Код HTML после преобразований

Плагин поддерживает много разных языков, но для поддержки некоторых нужно пошаманить. Например, для C++ программа выдает такое предупреждение: Could not find ‘uncrustify’. The program may not be installed. :

Сообщение об ошибке

Вам нужно установить программу uncrustify .

Скачивайте файл, разархивируйте проект. Там найдете файл uncrustify.exe .

Теперь нужно, чтобы в глобальной переменной PATH в Windows был путь к данному файлу. Самое простое — это скопировать файл в папку Windows ( C:\Windows ).

После этого поддержка C++ в Atom будет осуществлена.

Код C++ до преобразований

Код C++ после преобразований

Подробно посмотреть на список поддерживаемых языков и того, что может пригодится, можно тут: https://atom.io/packages/atom-beautify.

    — позволяет перетаскивать текст, как в любом другом редакторе:
    — по умолчанию в редакторе стоит вертикальная линия обозначающая 80 символов в строке. Но сейчас много где (например, в Qt) используется длина строки в 120 символов. С помощью этого плагина можно добавить еще вертикальные линии:

Пакет multi-wrap-guide

    — подсвечивает блоки кода, чтобы можно было понять, где вы сейчас находитесь.

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

Настройки Atom

Там открываем styles.less :

Файл настроек внешнего вида Atom

И там добавляем такой текст, например:

Код оформления линий из пакета indent-guide-improved

В итоге получаем вот такое:

Пакет indent-guide-improved

    — через Ctrl + Alt + O открываем файлы и их создаем, открываем папки без диалоговых системных окон:

Пакет advanced-open-file

    — люблю в Notepad++ открывать HTML файлы прямо из редактора. Здесь это решается этим плагином:

Пакет open-in-browsers

    — автоматически определяет кодировку файла. Крайне полезная вещь в мире, где еще не все текстовые файлы находятся в кодировке Юникод:

Пакет auto-encoding

split-diff — позволяет сравнивать два файла.

minimap-split-diff — дополнение к предыдущему пакету, чтобы изменения отображались и на миникарте.

Итак, как производить сравнения файлов. Один из двух файлов отправляем во вторую панель:

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

В первой вкладке открываем второй файл:

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

Вызываем консоль Ctrl + Shift + P . Там пишем Split .

Выбираем команду Split Diff: Enabled :

Выбор команды «Split Diff: Enabled»

У нас синхронизировались две панели и показываются изменения файлов:

Результат сравнения двух файлов

    — переключение между вкладками с помощью Alt + [ и Alt + ] :

Пакет tab-switcher

    — при сворачивании блока показывает заметную линию:

Пакет fold-lines

    — в контекстном меню во вкладке появляется возможность скопировать путь к файлу, имени файлу и так далее. В Notepad++ постоянно этим пользовался:

Пакет path-copy

    команды для работы с markdown файлами:

Пакет markdown-writer

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

Настройки пакета tool-bar

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

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

Пакет flex-tool-bar

Я прописал вот такие кнопки:

Полная панель команд

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

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

Обратите внимание на то, что многие команды пакетов доступны и из главного меню:

Команды пакетов

Как вызвать командную строку Atom

Через Ctrl + Shift + P :

Командная строка

Как поменять язык подсветки синтаксиса кода

Внизу справа имеется возможность поменять подсветку синтаксиса:

Выбор языка подсветки синтаксиса

Как найти файл в папке проекта по его имени

Список файлов

Как второй документ отобразить рядом с первым документом

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

Разделить на две области

Файл отображается во второй области справа

Как сворачивать код

Подведите курсор на номера строк. И там появятся стрелочки, нажимая на которые, код свернется:

Несвернутый код

Свернутый код

Как найти что-то в файле

Делается через стандартное сочетание клавиш Ctrl + F . Также там отображается число найденных мест:

Панель поиска

Как заменить что-то в файле

Аналогично через Ctrl + F :

Функции по замещению текста в панели поиска

Как найти в файлах всей папки

Делается через сочетание клавиш Shift + Ctrl + F . Замена во всех файлах проекта также делается:

Поиск в директории

Можно также там задавать фильтр для файлов, по которым производится поиск:

Поле для фильтра поиска

Как показать невидимые символы

Входим в консоль Ctrl + Shift + P и там набираем invisibles (или часть строки) и выбираем команду Window: Toggle Invisibles и её выбираем.

Отмена показа невидимых символов осуществляется аналогичным способом:

Показ невидимых символов

Как продублировать текущую строку

Через Ctrl + Shift + D :

Дублирование строки

Как закомментировать выделенные строчки

Комментирование строк

Как объединить выделенные строки в одну

![Объединение строк в одну(img/join-lines.png)

Как ставить около строк отметки «bookmarks»

Через Ctrl + Alt + F2 .

Переход между отметками осуществляется через F2 :

Отмеченные строки в коде

Как вызвать автодополнение принудительно

Через Ctrl + Space :

Автодополнение кода

Как сделать все буквы заглавными/маленькими в выделенном тексте

Через Ctrl + K + U , чтоб все буквы стали большими:

Приведение букв к верхнему регистру

Через Ctrl + K + L , чтоб все буквы стали маленькими:

Приведение букв к нижнему регистру

Как перейти к соответствующей скобке (открывающейся/закрывающейся)

Переход к соответствующей скобке

Как посмотреть превью markdown файла

Превью появляется после комбинации клавиш Ctrl + Shift + M :

Превью markdown файла

Как открыть несколько проектов (папок)

Добавление новой папки

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

Несколько открытых папок

Как полностью удалить Atom

Вначале удаляем как обычное приложение через Программы и компоненты в панели управления.

А потом в папке C:\Users\[Пользователь] удаляем папку .atom :

Папка .atom

Также возможно придется полазить в реестре и поудалять упоминания об Atom:

Поиск в реестре

Ввод поискового запроса

И какие-то файлы могут остаться в папке «C:\Users[Пользователь]\AppData\Local в папке atom`:

Папка atom

Набор горячих клавиш

Клавиатурные сокращения можно посмотреть тут:

Клавиатурные сокращения

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

Ctrl + S — сохранить файл.

Ctrl + Shift + P — открыть консоль Atom.

Ctrl + Alt + C — выбор цвета с помощью плагина color-picker.

Ctrl + Shift + T — открытие последней закрытой вкладки.

Ctrl + Alt + O — добавляет список функций в файле для быстрого перехода между ними в плагине symbols-tree-view.

Ctrl + P — поиск файла в проекте по имени.

Ctrl + F — поиск и замена.

Shift + Ctrl + F — поиск по всем файлам проекта.

Ctrl + Shift + D — продублировать строку.

Ctrl + / — закомментировать строки.

Ctrl + J — объединить строки в одну.

Ctrl + Alt + F2 — поставить метку около строчки.

F2 — перемещение между метками строк.

Ctrl + Space — вызов автодополнения.

Ctrl + K + U — все буквы заглавными.

Ctrl + K + L — все буквы маленькими.

Ctrl + M — перейти к соответствующей скобке (открывающейся/закрывающейся).

Ctrl + Shift + M — превью markdown файла.

Ctrl + Shift + : — вызов подсказок, как исправить слово.

Ctrl + Alt + V — превью SVG файлов.

Ctrl + Alt + B — расставляем отступы в коде.

Ctrl + Shift + I — нужно нажать два раза, чтобы вызвать Developer Tools.

Ctrl + Alt + O — открытие файлов, папок, их создание с помощью плагина advanced-open-file.

Atom — Comments

How to do single and block-level comments to code blocks in the Atom editor with shortcut keys tutorials and howto examples.

In Editors, You can select text and use the shortcut key to comment and uncomment the code block.

Atom also provides a short-cut key to comment and uncomment the code.

How to comment code block in Atom Editor

In Atom, It only supports single-line comments, Which means if you selected multiple comment lines, It adds single-level comments to each line.

Atom как закомментировать несколько строк

I have been moving from Webstorm and RubyMine to Atom and I really miss a feature from the Jetbrains editors where you select a code block and press CMD + — and it adds language specific comment character(s) to the beginning of each line. ( # for ruby. // for js, /* for css etc.).

Is there a built in shortcut for Atom or a package which provides this feature?

max's user avatar

15 Answers 15

According to this, cmd + / should do it.

And for Windows and Linux, it is ctrl + / .

Joshua T's user avatar

Atom does not have a specific comment-block function, but if you select more rows and then use the normal ctrl — / (Windows or Linux) cmd — / (Mac), it will comment all the lines.

Max's user avatar

Command + / or Ctrl + shift + 7 doesn’t work for me (debian + colombian keyboard). In my case I changed the Atom keymap.cson file adding the following:

and now it works!

andrez's user avatar

Also, there are packages:

  • Comment package for atom (https://atom.io/packages/comment)
  • Block-comment-lines https://atom.io/packages/block-comment-lines
  • Sublime Block Comments

Pressing (Cmd + /) will create a single line comment. i.e. // Single line comment

Type ( /** and press the Tab key) to create a block comment ala

with all my respect with the comments above, no need to use a package :

keybindings panel in atom editor

if you want to change the configuration, you just have to parameter your keymap file

marcdahan's user avatar

You can use Ctrl + / . This works for me.

Multi-line comment can be made by selecting the lines and by pressing Ctrl+/ . and Now you can have many plugins for comments

better one is block-comment try that..

Edit your keymap.cson file and add

Windows

Mac

Now just highlight the text you want to comment and hit the keybinding.

You can use Ctrl + Shift + / for Windows.

Atom does not have block comment by default, so I would recommend searching for atom packages by «block comment» and install the one suits to you.

I prefer https://atom.io/packages/block-comment because is has the closest keyboard shortcut to line comment and it works as i need it to, meaning it would not comment the whole line but only the selected text.

line comment: CTRL+/ block comment: CTRL+SHIFT+/ (with the plugin installed)

Atom — Comments

How to do single and block-level comments to code blocks in the Atom editor with shortcut keys tutorials and howto examples.

In Editors, You can select text and use the shortcut key to comment and uncomment the code block.

Atom also provides a short-cut key to comment and uncomment the code.

How to comment code block in Atom Editor

In Atom, It only supports single-line comments, Which means if you selected multiple comment lines, It adds single-level comments to each line.

Please enable JavaScript

  • First, select the single or multiple lines
  • Next run below Shortcut command add Single line comments
    • Ctrl + I in Windows and Linux
    • ⌘ + I in MacOS

    It creates a single-line comment as seen below.

    If you comment multiple lines, It adds single-line comments as seen below.

    It does not support block-level comments.

    Block-level comments are code blocks that span multiple lines using the below syntax.

    So, It does not support block-level comments natively, You can extend by installing plugins.

    How to add block-level comments in Atom text editor.

    File > Settings > Settings window opens

    Select the Installs tab and type “Block comment” in the search box

    Настройка Atom

    Первым продвинутым блокнотом, которым я начал активно пользоваться, был Notepad++ (до сих пор им часто пользуюсь), потом пытался перейти на Sublime Text. А потом пробовал перейти на Atom, про который говорится в этой статье.

    И да. Потом я всё равно перешел на Visual Studio Code.

    Установка

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

    Скачивание программы

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

    Предупреждение от Windows

    Предупреждение от Windows

    Установка Atom

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

    Редактор Atom

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

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

    Настройки программы

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

    Изменение параметра «Open Empty Editor On Start»

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

    Выбор папки с проектами

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

    Включение переноса строк

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

    Выбор количества пробелов для табуляции

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

    Идем File → Settings .

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

    Настройка контекстного меню

    Сейчас в 2018 году всё работает отлично, но раньше в 2016 году у меня эта команда не помогла, поэтому добавлял вручную в реестр 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-checker переходим в настройки:

    Настройки проверки орфографии

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

    Выбор языков для проверки орфографии

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

    Пример проверки орфографии

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

    Выбор пункта «Add Known Words»

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

    Подсказки для исправления слова

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

    Список проверяемых типов файлов

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

    Идем File → Settings . И там идет в раздел Install , и там выбираем Packages :

    Окно установки пакетов

    Пишем название пакета, который нам нужен, нажимаем Enter . И после появление списка плагинов устанавливаете тот, что вам нужен:

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

    Установленный пакет появится в списке пакетов:

    Установленный пакет

    Настройка предустановленных пакетов

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

    Находим там пакет tree-view . И переходим в настройки его:

    Пакет tree-view

    И там ставим галочку около Hide Ignored Names . Например, чтобы в дереве папок не показывалась папка .git , которая нам не понабиться:

    Включение параметра «Hide Ignored Names»

    А в пакете autosave можно включить автоматическое сохранение документов, когда Atom теряет фокус. Это не касается документов, которые были созданы, но еще ни разу не сохранялись. В общем полезная вещь:

    Включение автосохранения

    Установленные пакеты у меня

    Список тех пакетов, которые я дополнительно установил.

      — карта документа справа от документа с возможностью прокрутки документа:

    Пакет minimap

      — для отображения цветов там, где мы их обозначаем в коде:

    Пакет pigments

      — теперь цвет можно менять через пипетку Ctrl + Alt + C :

    Пакет color-picker

      — иконки для файлов в списке файлов:
      — подсветка синтаксиса для файлов .qml :

    Пакет language-qml

    language-ini — подсветка синтаксиса для файлов .ini .

    language-latex — для отображения LaTeX кода:

    Пакет language-latex

      — Если выделили слово, то в других местах это же слово будет подсвечиваться:

    Пакет highlight-selected

      — дополнение к предыдущему пакету. Теперь подсветка выделяемого слова будет и в карте документа справа:

    Пакет minimap-highlight-selected

      — сортировка текста по F5 . А если войти в консоль Ctrl + Shift + P и там набрать Sort , то увидите, что есть еще команды для работы с текстом по сортировке:

    Пакет sort-lines

    Команда Sort lines: Natural сортирует числа как числа:

    Сортировка чисел

      — печать документа с подсветкой синтаксиса. Переходим в консоль и там набираем export и выбираем нашу команду:

    Пакет export-html

    Печать документа с подсветкой синтаксиса

      — для просмотра PDF документов:

    Пакет pdf-view

      — превью SVG файлов:

    Пакет svg-preview

      — красиво расставляет отступы в коде по сочетанию Ctrl + Alt + B .

    Код HTML до преобразований

    Код HTML после преобразований

    Плагин поддерживает много разных языков, но для поддержки некоторых нужно пошаманить. Например, для C++ программа выдает такое предупреждение: Could not find ‘uncrustify’. The program may not be installed. :

    Сообщение об ошибке

    Вам нужно установить программу uncrustify .

    Скачивайте файл, разархивируйте проект. Там найдете файл uncrustify.exe .

    Теперь нужно, чтобы в глобальной переменной PATH в Windows был путь к данному файлу. Самое простое — это скопировать файл в папку Windows ( C:\Windows ).

    После этого поддержка C++ в Atom будет осуществлена.

    Код C++ до преобразований

    Код C++ после преобразований

    Подробно посмотреть на список поддерживаемых языков и того, что может пригодится, можно тут: https://atom.io/packages/atom-beautify.

      — позволяет перетаскивать текст, как в любом другом редакторе:
      — по умолчанию в редакторе стоит вертикальная линия обозначающая 80 символов в строке. Но сейчас много где (например, в Qt) используется длина строки в 120 символов. С помощью этого плагина можно добавить еще вертикальные линии:

    Пакет multi-wrap-guide

      — подсвечивает блоки кода, чтобы можно было понять, где вы сейчас находитесь.

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

    Настройки Atom

    Там открываем styles.less :

    Файл настроек внешнего вида Atom

    И там добавляем такой текст, например:

    Код оформления линий из пакета indent-guide-improved

    В итоге получаем вот такое:

    Пакет indent-guide-improved

      — через Ctrl + Alt + O открываем файлы и их создаем, открываем папки без диалоговых системных окон:

    Пакет advanced-open-file

      — люблю в Notepad++ открывать HTML файлы прямо из редактора. Здесь это решается этим плагином:

    Пакет open-in-browsers

      — автоматически определяет кодировку файла. Крайне полезная вещь в мире, где еще не все текстовые файлы находятся в кодировке Юникод:

    Пакет auto-encoding

    split-diff — позволяет сравнивать два файла.

    minimap-split-diff — дополнение к предыдущему пакету, чтобы изменения отображались и на миникарте.

    Итак, как производить сравнения файлов. Один из двух файлов отправляем во вторую панель:

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

    В первой вкладке открываем второй файл:

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

    Вызываем консоль Ctrl + Shift + P . Там пишем Split .

    Выбираем команду Split Diff: Enabled :

    Выбор команды «Split Diff: Enabled»

    У нас синхронизировались две панели и показываются изменения файлов:

    Результат сравнения двух файлов

      — переключение между вкладками с помощью Alt + [ и Alt + ] :

    Пакет tab-switcher

      — при сворачивании блока показывает заметную линию:

    Пакет fold-lines

      — в контекстном меню во вкладке появляется возможность скопировать путь к файлу, имени файлу и так далее. В Notepad++ постоянно этим пользовался:

    Пакет path-copy

      команды для работы с markdown файлами:

    Пакет markdown-writer

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

    Настройки пакета tool-bar

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

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

    Пакет flex-tool-bar

    Я прописал вот такие кнопки:

    Полная панель команд

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

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

    Обратите внимание на то, что многие команды пакетов доступны и из главного меню:

    Команды пакетов

    Как вызвать командную строку Atom

    Через Ctrl + Shift + P :

    Командная строка

    Как поменять язык подсветки синтаксиса кода

    Внизу справа имеется возможность поменять подсветку синтаксиса:

    Выбор языка подсветки синтаксиса

    Как найти файл в папке проекта по его имени

    Список файлов

    Как второй документ отобразить рядом с первым документом

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

    Разделить на две области

    Файл отображается во второй области справа

    Как сворачивать код

    Подведите курсор на номера строк. И там появятся стрелочки, нажимая на которые, код свернется:

    Несвернутый код

    Свернутый код

    Как найти что-то в файле

    Делается через стандартное сочетание клавиш Ctrl + F . Также там отображается число найденных мест:

    Панель поиска

    Как заменить что-то в файле

    Аналогично через Ctrl + F :

    Функции по замещению текста в панели поиска

    Как найти в файлах всей папки

    Делается через сочетание клавиш Shift + Ctrl + F . Замена во всех файлах проекта также делается:

    Поиск в директории

    Можно также там задавать фильтр для файлов, по которым производится поиск:

    Поле для фильтра поиска

    Как показать невидимые символы

    Входим в консоль Ctrl + Shift + P и там набираем invisibles (или часть строки) и выбираем команду Window: Toggle Invisibles и её выбираем.

    Отмена показа невидимых символов осуществляется аналогичным способом:

    Показ невидимых символов

    Как продублировать текущую строку

    Через Ctrl + Shift + D :

    Дублирование строки

    Как закомментировать выделенные строчки

    Комментирование строк

    Как объединить выделенные строки в одну

    ![Объединение строк в одну(img/join-lines.png)

    Как ставить около строк отметки «bookmarks»

    Через Ctrl + Alt + F2 .

    Переход между отметками осуществляется через F2 :

    Отмеченные строки в коде

    Как вызвать автодополнение принудительно

    Через Ctrl + Space :

    Автодополнение кода

    Как сделать все буквы заглавными/маленькими в выделенном тексте

    Через Ctrl + K + U , чтоб все буквы стали большими:

    Приведение букв к верхнему регистру

    Через Ctrl + K + L , чтоб все буквы стали маленькими:

    Приведение букв к нижнему регистру

    Как перейти к соответствующей скобке (открывающейся/закрывающейся)

    Переход к соответствующей скобке

    Как посмотреть превью markdown файла

    Превью появляется после комбинации клавиш Ctrl + Shift + M :

    Превью markdown файла

    Как открыть несколько проектов (папок)

    Добавление новой папки

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

    Несколько открытых папок

    Как полностью удалить Atom

    Вначале удаляем как обычное приложение через Программы и компоненты в панели управления.

    А потом в папке C:\Users\[Пользователь] удаляем папку .atom :

    Папка .atom

    Также возможно придется полазить в реестре и поудалять упоминания об Atom:

    Поиск в реестре

    Ввод поискового запроса

    И какие-то файлы могут остаться в папке «C:\Users[Пользователь]\AppData\Local в папке atom`:

    Папка atom

    Набор горячих клавиш

    Клавиатурные сокращения можно посмотреть тут:

    Клавиатурные сокращения

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

    Ctrl + S — сохранить файл.

    Ctrl + Shift + P — открыть консоль Atom.

    Ctrl + Alt + C — выбор цвета с помощью плагина color-picker.

    Ctrl + Shift + T — открытие последней закрытой вкладки.

    Ctrl + Alt + O — добавляет список функций в файле для быстрого перехода между ними в плагине symbols-tree-view.

    Ctrl + P — поиск файла в проекте по имени.

    Ctrl + F — поиск и замена.

    Shift + Ctrl + F — поиск по всем файлам проекта.

    Ctrl + Shift + D — продублировать строку.

    Ctrl + / — закомментировать строки.

    Ctrl + J — объединить строки в одну.

    Ctrl + Alt + F2 — поставить метку около строчки.

    F2 — перемещение между метками строк.

    Ctrl + Space — вызов автодополнения.

    Ctrl + K + U — все буквы заглавными.

    Ctrl + K + L — все буквы маленькими.

    Ctrl + M — перейти к соответствующей скобке (открывающейся/закрывающейся).

    Ctrl + Shift + M — превью markdown файла.

    Ctrl + Shift + : — вызов подсказок, как исправить слово.

    Ctrl + Alt + V — превью SVG файлов.

    Ctrl + Alt + B — расставляем отступы в коде.

    Ctrl + Shift + I — нужно нажать два раза, чтобы вызвать Developer Tools.

    Ctrl + Alt + O — открытие файлов, папок, их создание с помощью плагина advanced-open-file.

    Useful Atom Shortcuts and Atom Packages

    Raymond Chow

    When I started using Atom.io, I used it like any other text editor. I just made a new file and started coding. I didn’t know about the many shortcuts and packages that Atom offered. I did some research and hopefully you’ll find some of these shortcuts and packages will make your life a bit easier.

    Toggling Comments

    Different languages have different syntax for commenting out lines of text. With this shortcut, you can comment out multiple lines of text if you want.

    Duplicate Lines

    Sometimes you have to write the lines of text with a lot of the same words. An example would be making HTML list with the same list elements. Atom offers a shortcut to duplicate lines.

    Moving Lines Up/Down

    Atom also provides a shortcut to move lines up and down. I tend to use this when I put lines in the wrong block of text. Instead of cutting and pasting the line, I can just use this handy shortcut.

    Deleting Lines

    Atom also provides a shortcut for deleting lines.

    Selecting/Unselecting Matching Characters

    Sometimes you might want to edit multiple values that are the same. Atom allows you to select matching characters with a shortcut so you can edit them all at once.

    To unselect the characters:

    You can also bulk select a highlighted word with:

    Multiple Cursors

    Atom supports multiple cursors. Users are allowed to type things on many lines at the same time. To use multiple cursors, just hold CTRL (Windows/Linux) or CMD (Mac) and click.

    Indenting

    You can also indent a section of text by highlighting the text and pressing TAB or CTRL + ]. To un-indent a section of text, you can SHIFT + TAB or CTRL + [ after selecting the text.

    Useful Packages

    Atom allows users to download packages, which are add-ons to the editor. These packages provide features that allows users to customize the editor.

    Minimap

    Minimap provides a map on the side of your editor to allow you to see a condensed view of your code. It allows you to navigate your code and can work in conjunction with other packages.

    Highlight- Selected

    This package highlights selected words throughout your editor. You can trigger this by double-clicking a word or selecting a word with your cursor. Highlight-selected also works with Minimap if you download the Minimap-highlight-selected package (https://atom.io/packages/minimap-highlight-selected).

    Pigments

    Pigments displays colors in projects and files. It is a very useful tool for frontend developers. There is also a package called Minimap-pigments (https://atom.io/packages/minimap-pigments) that shows pigments in your Minimap package.

    Color Picker

    This package is a color management tool for Atom that works very well with Pigments package. You can adjust color values in your files with ease with this package. Just right-click a color and you can modify the selected color. You can also activate color picker with:

    Комментирование блоков кода в Atom

    Я перехожу с Webstorm и RubyMine на Atom, и мне очень не хватает функции редакторов Jetbrains, где вы выбираете блок кода и нажимаете CMD + — , и он добавляет специфичный язык символы комментария в начале каждой строки. ( # для ruby. // для js, /* для css и т. Д.).

    Есть ли встроенный ярлык для Atom или пакет, который предоставляет эту функцию?

    15 ответов

    Согласно this, cmd + / должен это сделать.

    А для Windows и Linux это ctrl + / .

    Возможная причина : следите за перекрывающимися сочетаниями клавиш. Это произошло в моем случае и отключило начальную привязку toggle line comment :

    enter image description here

    Привязки клавиш вы можете найти в Edit -> Preferences -> Keybindings навигационной панели приложения.

    Решение отменяет привязку для github:toggle-patch-selection-mode

    enter image description here

    Сначала выберите свой блок кода, затем нажмите cmd + / для MacOS

    CTRL + / в окнах, не нужно выделять всю строку, просто используйте комбинацию клавиш в строке, которую вы хотите закомментировать.

    На клавиатуре Бельгии, утвержденной на Mac command + shift + / — это нажатие клавиши для комментирования блока.

    По умолчанию Atom не имеет блочного комментария, поэтому я бы порекомендовал искать пакеты атома по «блочному комментарию» и устанавливать тот, который вам подходит.

    Я предпочитаю https://atom.io/packages/block-comment, потому что это ближайший сочетание клавиш для строкового комментария, и оно работает так, как мне нужно, то есть комментирует не всю строку, а только выбранный текст.

    line comment: CTRL+/ block comment: CTRL+SHIFT+/ (с установленным плагином)

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

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