Atom как сделать код цветным

Обновлено: 02.07.2024

Right click and select Color Picker , or hit CMD-SHIFT-C / CTRL-ALT-C to open it. Currently reads HEX , HEXa , RGB , RGBa , HSL , HSLa , HSV , HSVa , VEC3 and VEC4 colors – and is able to convert between the formats.

It also inspects Sass and LESS color variables. Just open the Color Picker with the cursor at a variable and it'll look up the definition for you. From there, you can click the definition and go directly to where it's defined.

Settings

Open Atom Settings , go to Packages in the left hand sidebar, and press Settings on color-picker to open the list of settings available for the Color Picker.

Установка

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

2016-09-16_002347

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

2016-09-16_002544

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

2016-09-16_005009

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

2016-09-16_010513

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

Идем File → Settings .

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

2016-09-16_012115

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

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

Windows Registry Editor Version 5.00 ; when you right click a file [ HKEY_CLASSES_ROOT \ * \ shell \ Atom KI ext ] "" = "Open File in Atom" "Icon" = "C:\\Users\\sensor\\AppData\\Local\\atom\\app-1.11.0-beta5\\atom.exe" [ HKEY_CLASSES_ROOT \ * \ shell \ Atom KI ext \ command ] "" = "C:\\Users\\sensor\\AppData\\Local\\atom\\app-1.11.0-beta5\\atom.exe \"%1\"" ; when you right click a folder [ HKEY_CLASSES_ROOT \ Directory \ shell \ Atom KI ext ] "" = "Open Folder in Atom" "Icon" = "C:\\Users\\sensor\\AppData\\Local\\atom\\app-1.11.0-beta5\\atom.exe" [ HKEY_CLASSES_ROOT \ Directory \ shell \ Atom KI ext \ command ] "" = "C:\\Users\\sensor\\AppData\\Local\\atom\\app-1.11.0-beta5\\atom.exe \"%1\"" ; when you right click a folder while holding shift [ HKEY_CLASSES_ROOT \ Directory \ Background \ shell \ Atom KI ext ] "" = "Open Folder in Atom" "Icon" = "C:\\Users\\sensor\\AppData\\Local\\atom\\app-1.11.0-beta5\\atom.exe" [ HKEY_CLASSES_ROOT \ Directory \ Background \ shell \ Atom KI ext \ command ] "" = "C:\\Users\\sensor\\AppData\\Local\\atom\\app-1.11.0-beta5\\atom.exe \"%V\"" ; when you right click the background , not on a particular file or folder . [ HKEY_CLASSES_ROOT \ LibraryFolder \ Background \ shell \ Atom KI ext ] "" = "Open Folder in Atom" "Icon" = "C:\\Users\\sensor\\AppData\\Local\\atom\\app-1.11.0-beta5\\atom.exe" [ HKEY_CLASSES_ROOT \ LibraryFolder \ Background \ shell \ Atom KI ext \ command ] "" = "C:\\Users\\sensor\\AppData\\Local\\atom\\app-1.11.0-beta5\\atom.exe \"%V\""

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

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

2016-09-17_002904

2016-09-17_002921

Содержание

I think this package is bad news.

Good catch. Let us know what about this package looks wrong to you, and we'll investigate right away.

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

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

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

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

2016-09-16_010703

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

2016-09-17_001733

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

2016-09-16_011548

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

2016-09-16_011256

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

2016-09-16_011743

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

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

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

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

2016-09-18_014728

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

2016-09-18_024004

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

2016-09-18_022221

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

2016-09-18_022531

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

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

2016-09-18_023534

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

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

2016-09-18_023723

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

2016-09-18_023834

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

To do

  • Selectable list of the current project color variables

Preview

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

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

2016-09-17_180216

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

2016-09-17_180929

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

2016-09-17_181225

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

2016-09-17_181246

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

2016-09-17_181549

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

2016-09-17_183345

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

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

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

2016-09-17_185437

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

2016-09-17_220433

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

2016-09-17_220710

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

2016-09-17_221054

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

2016-09-17_221210

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

2016-09-17_222326

Введение

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

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

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