Sublime 3: Настраиваем Sublime Text 3 | Losst

Установка плагинов

Установите следующие пакеты:

• sublimelsp / LSP: Поддержка протокола языкового сервера для Sublime Text.
  Палитра команд (Cmd + Shift + P)> Установить пакет> LSP

• scalameta / metallic-sublime: Для автоматической установки металлов и пользовательских команд. Командная палитра (Cmd + Shift + P)> Установить пакет> LSP-metal

Наконец перезапустите возвышенный текст.

Затем откройте «Настройки> Привязка клавиш» и зарегистрируйте F12 для запуска goto определение.

  [
  
  {
    "ключи": ["f12"],
    "команда": "lsp_symbol_definition"
  }
]
  

Импорт сборки

Откройте Sublime в базовом каталоге вашего проекта Scala, и он предложит вам импортировать сборку, если вы используете один из поддерживаемых инструментов сборки.Нажмите «Импортировать сборку», чтобы начать установку.

Это запускает сервер языка Metal, но пока никакие функции работать не будут, потому что сборка не была импортирована.

Этот шаг может занять много времени, особенно при первом запуске в новом рабочая среда. Точное время зависит от сложности сборки, а также от того, кэшированы ли зависимости библиотеки или их необходимо загрузить. Например, этот шаг может занять от 10 секунд в небольших кэшированных сборках до 10-15 минут в больших некэшированных сборках.

Журналы сервера

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

После завершения шага импорта начинается компиляция для вашего открытого * .scala файлы. После успешной компиляции источников вы можете перемещаться по источники с "определением Goto", нажав F12 .

Найти ссылки на символы

Привязка клавиш по умолчанию - shift + F12 . Если вы используете vim-bindings, вам нужно быть в режиме вставки.

Символ перехода в рабочее пространство

Вы можете искать символы в источнике зависимости с помощью палитры команд.

Запуск импорта сборки вручную

При желании вы можете зарегистрировать привязку клавиш для команды.

Настройка Sublime Text для повышения производительности

Этот абзац содержит несколько советов и приемов, которые могут улучшить вашу ежедневную продуктивность с помощью Metals.

Дополнительные настройки клиента LSP

Если вы предпочитаете включать только завершение металлов (не смешивая их со стандартными из Sublime) установите следующий параметр в «Предпочтения> Предпочтения: Настройки LSP»:

  {
  
  "only_show_lsp_completions": правда,
}
  

Кроме того, если вы предпочитаете отображать ссылки на символы на быстрой панели Sublime вместо нижней панели установите следующий параметр в «Предпочтения> Предпочтения: Настройки LSP»:

  {
  
  "show_references_in_quick_panel": правда,
}
  

Дополнительные сопоставления клавиш

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

Раскладка клавиатуры для форматирования документа с помощью scalafmt

Откройте «Настройки> Привязка клавиш» и зарегистрируйте ctrl + alt + l , чтобы инициировать формирование документа. определение.

  [
  
  {
    "ключи": ["ctrl + alt + l"],
    "команда": "lsp_format_document"
  }
]
  

Добавить сопоставление клавиш для символа перехода в рабочее пространство

Это необязательный шаг, если вы хотите иметь ярлык для поиска символов в рабочей области. Откройте «Настройки> Привязка клавиш» и добавьте:

  [
  
  {
    "ключи": ["ctrl + t"],
    "команда": "show_overlay",
    "args": {"overlay": "command_palette", "command": "lsp_workspace_symbols"}
  }
]
  

Включение автоматического импорта по завершении

Metals может заполнять символы из области рабочего пространства и автоматически импортировать их.Однако по умолчанию, если вы нажмете «Enter» для выбора завершения, клиент LSP будет завершить класс, не импортируя его, но вы можете легко переназначить его, используя также клавишу «Enter». Откройте «Настройки> Привязка клавиш» и добавьте:

  [
  
  {"keys": ["enter"], "command": "commit_completion", "context": [{"key": "auto_complete_visible"}]},
  {"keys": ["tab"], "command": "commit_completion", "context": [{"key": "auto_complete_visible"}]}
]
  

Использование последних металлов SNAPSHOT

Обновите параметр server_version, чтобы опробовать последние ожидающие обработки металлы. функции, открыв Preferences> Package Settings> LSP> Servers> LSP-Metallic

Файлы и каталоги для включения в Gitignore

Сервер Metals помещает журналы и другие файлы в каталог .metals . В Сервер компиляции Bloop помещает журналы и артефакты компиляции в .bloop . каталог. Плагин Bloop, который генерирует конфигурацию Bloop, добавлен в металлов.sbt файл, который добавлен в проект / metal.sbt , а также далее проект каталогов в зависимости от того, насколько глубокие файлы * .sbt должны поддерживаться. Для поддержки каждого файла * .sbt Metals необходимо создать дополнительный файл на ./project/project/metals.sbt относительно файла sbt. Работа со скриптами Ammonite поместит скомпилированные скрипты в каталог .ammonite . Рекомендуется исключить эти каталоги и файлы из систем контроля версий, таких как git.

 
.metals /
.bloop /
.ammonite /
Metals.sbt
  

Задания

- отличный способ изучить API, опробовать идею или код. пример и быстро просмотреть вычисленное выражение или результат. Позади рабочие листы сцен основаны на большой работе, проделанной в mdoc.

Начало работы с рабочими листами

Чтобы начать работу с рабочим листом, вы можете использовать металл . Новый-scala-файл и выберите Рабочий лист или создайте файл с именем *.рабочий лист.sc . Этот формат важен, поскольку именно он сообщает Metals, что он должен быть рассматривается как рабочий лист, а не только как скрипт Scala. Где вы создаете сценарий тоже имеет значение. Если вы хотите использовать классы и значения из вашего проект, вам необходимо убедиться, что рабочий лист создан внутри вашего src каталог. Вы все еще можете создать рабочий лист в других местах, но вы иметь доступ только к стандартной библиотеке и вашим зависимостям.

Оценки

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

Имейте в виду, что вам не нужно заключать код в объект . В листах все можно оценить на высшем уровне.

Использование зависимостей в таблицах

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

 
import $ dep.`com.lihaoyi :: scalatags: 0.7.0`


import $ ivy.`com.lihaoyi :: scalatags: 0.7.0`
  

:: совпадает с %% в sbt, который добавляет текущую двоичную версию Scala к имени артефакта.

equinusocio / material-theme: Тема материала, самая эпическая тема для Sublime Text 3 Маттиа Асторино

Этот проект больше не находится в активной разработке. Эта тема должна быть полностью переписана с нуля, если какой-либо разработчик Python хочет помочь мне возродить этот проект, свяжитесь со мной.

Эта тема привносит визуальный язык Material Design в ваш Sublime Text 3.Если у вас возникли проблемы, сначала найдите аналогичную проблему, а затем сообщите о новой.

Пожалуйста, прочтите раздел «Известные проблемы», прежде чем сообщать о новой. Любая проблема, которая не использует шаблон задачи, и любая проблема, связанная с разделом известных проблем, будет автоматически закрыта.

Вы можете установить эту замечательную тему через Package Control.

1. Нажмите ⌘ / Ctrl + ⇧ + P, чтобы открыть палитру команд.
2. Тип Управление пакетами: установите пакет и нажмите ввод.Затем найдите Material Theme .

1. Загрузите последний выпуск, извлеките и переименуйте каталог в «Material Theme» .
2. Переместите каталог внутри вашего возвышенного каталога Packages . (Настройки> Обзор пакетов ...)

Вы можете активировать эту тему с:

• Палитра команд Инструменты> Палитра команд (⌘ / Ctrl + ⇧ + P), набрав Тема материала: активировать тему .
• Контекстное меню (щелкните правой кнопкой мыши редактор) и выберите Material Theme> Активировать
• Preferences> Packages Settings и выберите Material Theme> Activate

Вы также можете активировать эту тему вручную, добавив следующие строки в свои пользовательские настройки ( Настройки> Настройки - Пользователь ):

 "color_scheme": "Пакеты / Тема материала / схемы / Материал-Theme.tmTheme",
"theme": "Material-Theme.sublime-theme", 

ПРИМЕЧАНИЕ. Перезапустите Sublime Text после активации темы.

Эта тема предоставляет инструмент визуальной настройки, который позволяет настраивать тему, активируя доступные параметры во встроенном всплывающем окне. Просто щелкните правой кнопкой мыши в редакторе и выберите Material Theme> Configuration . Вы также можете открыть конфигуратор из палитры команд, выполнив поиск Тема материала> Конфигурация .

Расширенная конфигурация

Если вам нравится расширенная текстовая конфигурация текста, вы можете использовать ее с помощью команды Тема материала> Расширенная конфигурация как из контекстного меню, так и из палитры команд.

См. Проблему №67, если вы не видите нижнюю панель (найти / заменить, переименовать, переместить, не видите поля ввода в SidebarEnhancement и т. Д.). здесь быстрое исправление:

Значки файлов

Начиная с версии 4.0.0 в этой теме используется пакет значков файлов для отображения значков файлов. Пожалуйста, установите пакет и перезапустите Sublime Text.

Панель приложений

Панель приложений темы материалов Этот официальный аддон включает красивую цветную панель вкладок для вашей темы материала.Цветовой оттенок автоматически соответствует выбранному вами цвету акцента материальной темы.

Белые панели

Белые панели темы материалов Если вы хотите включить белые панели и входы, вы можете установить дополнительный пакет через Package Control , выполните поиск по запросу «Белые панели темы материалов». Вы должны отключить его, если хотите использовать стиль темы Lighter .

 // Акцент
"material_theme_accent_acid-lime": true, // Установить кислотно-салатовый акцентный цвет
"material_theme_accent_blue": true, // Установить синий цвет акцента
"material_theme_accent_brba": true, // Установить зеленый акцент во все тяжкие
"material_theme_accent_bright-teal": true, // Установите ярко-бирюзовый цвет акцента
"material_theme_accent_cyan": true, // Установить голубой акцентный цвет
"material_theme_accent_graphite": true, // Установить цвет акцента графита
"material_theme_accent_indigo": true, // Установить цвет акцента индиго
"material_theme_accent_lime": true, // Установить акцентный цвет лаймового зеленого
"material_theme_accent_orange": true, // Установить оранжевый цвет акцента
"material_theme_accent_pink": true, // Установить розовый цвет акцента
"material_theme_accent_purple": true, // Установить фиолетовый цвет акцента
"material_theme_accent_red": true, // Установить бледно-красный цвет акцента
"material_theme_accent_sky": true, // Установите ярко-голубой цвет акцента
"material_theme_accent_tomato": true, // Установить красный цвет акцента
"material_theme_accent_yellow": true, // Установить желтый цвет акцента

// Панели
"material_theme_accent_scrollbars": true, // Включить цвет акцента для полос прокрутки
"material_theme_accent_titlebar": true, // Включить цвет акцента для заголовка
"material_theme_bright_scrollbars": true, // Цвет шайбы ярких полос прокрутки
"material_theme_compact_panel": true, // Устанавливаем минимальные отступы для панели поиска
"material_theme_contrast_mode": true, // Включить режим контраста боковой панели и панелей
"material_theme_panel_separator": true, // Показать разделитель нижней панели
"material_theme_small_statusbar": true, // Установить маленькую строку состояния
"material_theme_titlebar": true, // Включить строку заголовка (OS X 10.10+)

// Боковая панель
"material_theme_arrow_folders": true, // Заменить значки папок стрелками
"material_theme_big_fileicons": true, // Показывать значки типов файлов большего размера
"material_theme_bullet_tree_indicator": true, // Установить маркер как индикатор активного дерева
"material_theme_compact_sidebar": true, // Установить компактную боковую панель
"material_theme_disable_fileicons": true, // Скрыть значки типов файлов боковой панели
"material_theme_disable_folder_animation": true, // Отключить анимацию папки
"material_theme_disable_tree_indicator": true, // Отключить индикатор файла боковой панели

// Вкладки
"material_theme_bold_tab": true, // Сделаем ярлыки вкладок более жирными
"material_theme_small_tab": true, // Устанавливаем маленькие вкладки
"material_theme_tabs_autowidth": true, // Включить автоматическую ширину вкладок
"material_theme_tabs_separator": true, // Показывать разделитель вкладок, это отключает анимацию наведения табуляции

// Если вы используете надстройку Material Theme - Appbar, вы можете использовать этот параметр:
"material_theme_tree_headings": true, // Показывать заголовки боковой панели 

 "always_show_minimap_viewport": true,
"bold_folder_labels": правда,
"font_options": ["gray_antialias", "subpixel_antialias"], // На Retina Mac и Windows
"indent_guide_options": ["draw_normal", "draw_active"], // Выделение активного отступа
"line_padding_bottom": 3,
"line_padding_top": 3,
"overlay_scroll_bars": "включен", 

Шрифт, используемый для кода: "Operator Mono"

Вы также можете использовать официальный моноширинный шрифт Material Design «Roboto Mono» или «Fira Code».

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

1. Установите пакет PackageDev в Sublime Text.

2. Затем создайте новую символическую ссылку для команды subl , следуя этому руководству

3. Установите все необходимые пакеты:

  $ npm установить
  

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

  $ глотком
  

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

Значок приложения : Загрузите официальный значок Material Theme.

Sublime Material Icon Pack : Набор иконок Sublime Text, в значительной степени вдохновленных этой темой и созданных @halacoglu Загрузите его и наслаждайтесь всеми возможностями Material Theme.

Material также была перенесена на:

Спасибо

Спасибо всем участникам.

Посмотрите видеообзор от LevelUpTuts

Поддержка Beerpay

Эй, чувак! Помогите мне на пару!

ярлыков и советов по повышению производительности с помощью Sublime Text - Smashing Magazine

Об авторе

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

Sublime Text, без сомнения, один из самых мощных текстовых редакторов.Об этом свидетельствует количество довольных пользователей. Если вы изучите его, вы в конечном итоге увидите, как красиво его мощные функции скрыты за простым и элегантным интерфейсом. Если вы какое-то время использовали Sublime Text, сейчас самое время пополнить свой арсенал новыми боеприпасами. Я расскажу вам несколько моих любимых советов и приемов. Их знание может раскрыть миру ваши скрытые способности программиста.

Sublime Text, без сомнения, один из самых мощных текстовых редакторов.Об этом свидетельствует количество довольных пользователей. Если вы изучите его, вы в конечном итоге увидите, как красиво его мощные функции скрыты за простым и элегантным интерфейсом.

Если вы какое-то время использовали Sublime Text, сейчас самое время пополнить свой арсенал новыми боеприпасами. Я расскажу вам несколько моих любимых советов и приемов. Их знание может раскрыть миру ваши скрытые способности программиста.

Дополнительная информация по SmashingMag:

Плагины Sublime Text

Управление пакетами

Управление пакетами - это универсальное решение для загрузки и управления плагинами и темами, связанными с Sublime Text.Инструкции по установке доступны на веб-сайте Package Control.

После установки вы можете получить к нему доступ с помощью палитры команд. Чтобы установить плагин, нажмите Cmd ⌘ + Shift ⇧ + P (Mac) или Ctrl ⌃ + Shift ⇧ + P (Windows и Linux), затем введите Install Package и нажмите «Return». Список плагинов в репозитории загружается через некоторое время, но затем вы можете ввести имя интересующего вас плагина и установить его оттуда.Некоторые из моих любимых плагинов перечислены ниже.

Sublime Text по умолчанию может выполнять только некоторые ограниченные задачи. Плагин Sidebar Enhancements дополняет Sublime Text командами для открытия файла в браузере, копирования, вставки, копирования пути, дублирования, удаления и многого другого.

Plain Tasks

Plain Tasks преобразует Sublime Text в мощный менеджер списков дел. Вы можете установить его через Package Control.Создайте файл с .todo в качестве расширения, чтобы активировать простые задачи поверх него. Чтобы получить другие советы, вы можете получить доступ к руководству, предоставленному в плагине, доступном в «Настройки» → «Настройки пакета» → «Простые задачи» → «Учебник».

Для новой задачи:

• Cmd ⌘ + Return ↵ (Mac)
• Ctrl ⌃ + Return ↵ (Windows и Linux)

Чтобы отметить как выполненное:

• Cmd ⌘ + D (Mac)
• Ctrl ⌃ + D (Windows и Linux)

Чтобы отметить как отмененное:

• Ctrl ⌃ + C (Mac)
• Alt + C (Windows и Linux)

Sublime Linter

Проверяйте код на наличие ошибок с помощью Sublime Linter. Плагин предоставляет основу для линтинга вашего кода. Фактический линтинг выполняется различными плагинами (для Ruby, Python, JavaScript и т. Д.), Что означает, что вам нужно сначала установить Sublime Linter, а затем установить синтаксические линтеры для вашего кода. Доступна обширная документация.

Emmet

Emmet, когда-то известный как Zen Coding, является незаменимым инструментом для любого веб-разработчика.Это, вероятно, самый производительный и экономящий время плагин, который вы когда-либо могли найти.

Написание кода требует времени, а тяжелая работа с HTML, такая как написание тегов и заключение классов в кавычки, может быть утомительной. Эммет обо всем позаботится. Он волшебным образом расширяет аббревиатуры до целой структуры HTML или CSS. Синтаксис, который он использует для этих сокращений, основан на селекторах CSS. Давайте посмотрим, как это работает.

Sublime Tutor

Sublime Tutor - интерактивный учебник в редакторе для сочетаний клавиш в Sublime Text.Если вы только начали работать с Sublime Text, этот плагин мгновенно повысит вашу продуктивность, обучая изящным советам и приемам в самом редакторе. Плагин использует технику повторения с интервалом, чтобы убедиться, что вы помните команды, которым он учит.

Используйте Package Control, чтобы установить плагин. После его установки вы можете получить доступ к репетитору через меню «Справка» или сочетание клавиш Ctrl ⌃ + Alt ⌥ + K .

Функции Sublime Text

Перейти к чему угодно

Это, вероятно, самая мощная и наиболее часто используемая команда в Sublime Text.С легкостью перемещайтесь по файлам, папкам, символам и линиям.

Чтобы перейти к файлу:

• Cmd ⌘ + P (Mac)
• Ctrl ⌃ + P (Windows и Linux)

Нажмите на клавиатуре короткий код и начните вводить имя файла. Sublime Text выполнит нечеткий поиск и мгновенно предоставит вам нужный файл.

Перейти к символу:

• Cmd ⌘ + R (Mac)
• Ctrl ⌃ + R (Windows и Linux)

Перейти к строке:

• Ctrl ⌃ + G ( Mac)
• Ctrl ⌃ + G (Windows и Linux)

Чтобы перейти к определенной строке в файле, введите двоеточие, за которым следует номер строки, или используйте короткий код клавиатуры.

Выбор слова

• Cmd ⌘ + D (Mac)
• Ctrl ⌃ + D (Windows и Linux)

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

• Ctrl ⌃ + Cmd ⌘ + G (Mac)
• Alt + F3 (Windows и Linux)

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

Expand Selection to Scope

• Cmd ⌘ + Shift ⇧ + Space ␣ (Mac)
• Ctrl ⌃ + Shift ⇧ + Space ␣ (Windows и Linux)

Этот ярлык чрезвычайно полезен для разработчиков JavaScript .Он выбирает текущую область видимости. Повторное нажатие той же комбинации клавиш выбирает его родительскую область. Видео показывает, как это работает:

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

• Cmd ⌘ + Shift ⇧ + L (Mac)
• Ctrl ⌃ + Shift ⇧ + L (Windows и Linux)

Используйте этот ярлык, чтобы разбить выделенную область на несколько строк , переводя Sublime Text в режим множественного выбора. Я использую этот трюк, чтобы быстро преобразовать список слов в замкнутый массив строк.

Выбор столбца

• Ctrl ⌃ + Shift ⇧ + Up ↑ / Down ↓ (Mac)
• Ctrl ⌃ + Alt + Up ↑ / Down ↓ (Win)
• Alt + Shift ⇧ + Up ↑ / Вниз ↓ (Linux)

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

Сортировка

• F5 (Mac)
• F9 (Windows и Linux)

Мне нравится, чтобы мои свойства CSS были отсортированы в алфавитном порядке. Эта команда чрезвычайно полезна для этого. Выберите блок, который нужно отсортировать (совет от профессионала: используйте Ctrl ⌃ + Shift ⇧ + J , чтобы выбрать уровень отступа), а затем нажмите сочетание клавиш.

Включите проверку орфографии.

Больше не нужно разочаровываться из-за опечаток после того, как код прошел стадию проверки.Используйте эту клавишу для быстрого переключения проверки орфографии.

• Cmd ⌘ + / (Mac)
• Ctrl ⌃ + / (Windows и Linux)

Это один из моих наиболее часто используемых ярлыков. С помощью этого ярлыка можно легко отметить комментарии на любом языке программирования. В HTML-файле он помещает пару тегов , а в JavaScript он помещает // в начало строки.

Перемычка линии вверх или вниз

• Cmd ⌘ + Ctrl ⌃ + вверх ↑ / вниз ↓ (Mac)
• Shift ⇧ + Ctrl ⌃ вверх ↑ / вниз ↓ (Windows и Linux)

Хотите переместить фрагмент кода на пять строк вверх? Резка и склейка - это действительно старая школа. Используйте эту привязку клавиш, чтобы переносить фрагмент куда угодно. Снова нажмите ярлык, чтобы перемещать его вверх или вниз.

Дублировать выделение

• Cmd ⌘ + Shift ⇧ + D (Mac)
• Ctrl ⌃ + Shift ⇧ + D (Windows и Linux)

По умолчанию этот ярлык дублирует текущую строку и помещает ее следующая строка.Если вы выберете регион и нажмете этот ярлык, он будет дублировать весь регион.

Соединить две строки

• Cmd ⌘ + J (Mac)
• Ctrl ⌃ + J (Windows и Linux)

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

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

Используйте эту команду для перемещения курсора из одной позиции скобки в другую. Это особенно полезно, когда вы заблудились в длинном методе и хотите достичь его исходной позиции (или наоборот).

Закрыть HTML-тег

• Cmd ⌘ + Opt ⌥ +. (Mac)
• Alt +. (Windows и Linux)

Используйте этот ярлык, чтобы закрыть текущий открытый тег HTML.Он вставляет соответствующий закрывающий тег в текущее положение курсора.

Найти в проекте

• Cmd ⌘ + Shift ⇧ + F (Mac)
• Ctrl ⌃ + Shift ⇧ + F (Windows и Linux)

Это grep , эквивалент Sublime Text. Он находит термин в рамках всего проекта. Особенность этой команды в том, что она работает быстро. Есть варианты сделать его чувствительным к регистру, а также выполнить сопоставление с регулярным выражением.

Чтобы найти конкретный термин в текущем документе в масштабе проекта, поместите курсор на этот термин и нажмите Ctrl ⌃ + E , что поместит этот термин в поле поиска. Нажатие приведенного выше шорткода заполняет поле поиска всего проекта этим термином.

Переключение между вкладками

• Cmd ⌘ + Shift ⇧ + [ или ] (Mac)
• Ctrl ⌃ + Page Up ⇞ или Page Down ⇟ (Windows и Linux)

Как и в веб-браузер, вы можете открывать несколько вкладок в Sublime Text.Для перехода с одной вкладки на другую вы можете использовать указанные выше сочетания клавиш и использовать Cmd ⌘ + T (Mac) или Ctrl ⌃ + N (Windows и Linux) для создания новой вкладки.

Командная палитра

• Cmd ⌘ + Shift ⇧ + P (Mac)
• Ctrl ⌃ + Shift ⇧ + P (Windows и Linux)

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

Вот некоторые вещи, которые вы можете попробовать в палитре команд - установить синтаксис вновь созданного файла, отсортировать строки в текущем документе и установить плагин с помощью Package Control.

Show Console

Sublime Text поставляется со встроенным интерпретатором Python.Это удобный инструмент для выполнения команд Python или быстрого тестирования API Sublime Text при разработке плагина для редактора.

Сортировка

• F5 (Mac)
• F9 (Windows и Linux)

Мне нравится, чтобы мои свойства CSS были отсортированы в алфавитном порядке. Эта команда чрезвычайно полезна для этого. Выберите блок, который нужно отсортировать (совет от профессионала: используйте Ctrl ⌃ + Shift ⇧ + J , чтобы выбрать уровень отступа), а затем нажмите сочетание клавиш.

Включите проверку орфографии.

Больше не нужно разочаровываться из-за опечаток после того, как код прошел стадию проверки. Используйте эту клавишу для быстрого переключения проверки орфографии.

• Cmd ⌘ + / (Mac)
• Ctrl ⌃ + / (Windows и Linux)

Это один из моих наиболее часто используемых ярлыков. С помощью этого ярлыка можно легко отметить комментарии на любом языке программирования.В HTML-файле он помещает пару тегов , а в JavaScript он помещает // в начало строки.

Перемычка линии вверх или вниз

• Cmd ⌘ + Ctrl ⌃ + вверх ↑ / вниз ↓ (Mac)
• Shift ⇧ + Ctrl ⌃ вверх ↑ / вниз ↓ (Windows и Linux)

Хотите переместить фрагмент кода на пять строк вверх? Резка и склейка - это действительно старая школа. Используйте эту привязку клавиш, чтобы переносить фрагмент куда угодно.Снова нажмите ярлык, чтобы перемещать его вверх или вниз.

Дублировать выделение

• Cmd ⌘ + Shift ⇧ + D (Mac)
• Ctrl ⌃ + Shift ⇧ + D (Windows и Linux)

По умолчанию этот ярлык дублирует текущую строку и помещает ее следующая строка. Если вы выберете регион и нажмете этот ярлык, он будет дублировать весь регион.

Соединить две строки

• Cmd ⌘ + J (Mac)
• Ctrl ⌃ + J (Windows и Linux)

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

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

Используйте эту команду для перемещения курсора из одной позиции скобки в другую. Это особенно полезно, когда вы заблудились в длинном методе и хотите достичь его исходной позиции (или наоборот).

Закрыть HTML-тег

• Cmd ⌘ + Opt ⌥ +. (Mac)
• Alt +. (Windows и Linux)

Используйте этот ярлык, чтобы закрыть текущий открытый тег HTML. Он вставляет соответствующий закрывающий тег в текущее положение курсора.

Найти в проекте

• Cmd ⌘ + Shift ⇧ + F (Mac)
• Ctrl ⌃ + Shift ⇧ + F (Windows и Linux)

Это grep , эквивалент Sublime Text.Он находит термин в рамках всего проекта. Особенность этой команды в том, что она работает быстро. Есть варианты сделать его чувствительным к регистру, а также выполнить сопоставление с регулярным выражением.

Чтобы найти конкретный термин в текущем документе в масштабе проекта, поместите курсор на этот термин и нажмите Ctrl ⌃ + E , что поместит этот термин в поле поиска. Нажатие приведенного выше шорткода заполняет поле поиска всего проекта этим термином.

Переключение между вкладками

• Cmd ⌘ + Shift ⇧ + [ или ] (Mac)
• Ctrl ⌃ + Page Up ⇞ или Page Down ⇟ (Windows и Linux)

Как и в веб-браузер, вы можете открывать несколько вкладок в Sublime Text. Для перехода с одной вкладки на другую вы можете использовать указанные выше сочетания клавиш и использовать Cmd ⌘ + T (Mac) или Ctrl ⌃ + N (Windows и Linux) для создания новой вкладки.

Командная палитра

• Cmd ⌘ + Shift ⇧ + P (Mac)
• Ctrl ⌃ + Shift ⇧ + P (Windows и Linux)

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

Вот некоторые вещи, которые вы можете попробовать в палитре команд - установить синтаксис вновь созданного файла, отсортировать строки в текущем документе и установить плагин с помощью Package Control.

Show Console

Sublime Text поставляется со встроенным интерпретатором Python. Это удобный инструмент для выполнения команд Python или быстрого тестирования API Sublime Text при разработке плагина для редактора.

Имейте в виду, что этот интерпретатор поставляется вместе с Sublime Text и отличается от Python, установленного в вашей системе.Цель этой консоли - взаимодействовать с API Sublime Text для плагинов. Вероятно, вы использовали эту консоль при установке Package Control.

Чтобы узнать, что можно сделать с помощью API плагина Sublime Text, обратитесь к документации.

Режим без отвлекающих факторов

• Cmd ⌘ + Ctrl ⌃ + Shift ⇧ + F (Mac)
• Shift ⇧ + F11 (Windows и Linux)

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

Text Command-Line Helper

Sublime Text включает инструмент командной строки, который упрощает работу с файлами в командной строке. Чтобы он работал на Mac, вам нужно сделать его доступным в вашей оболочке.

Предполагая, что вы поместили Sublime Text в папку «Applications» и что на вашем пути есть каталог ~ / bin , вы можете запустить следующее:

 
ln -s "/ Приложения / Sublime
Текст.приложение / Contents / SharedSupport / bin / subl "~ / bin / sublime
  

Sublime Text для Front End разработчиков

Это гостевой пост Веса Боса. Уэс уже давно писал о Sublime Text и обо всех замечательных вещах, которые он привносит в редактирование кода.Сейчас у него есть новая книга и видео-пакет: Sublime Text Power User. Я недавно встретился с ним на конференции и видел его доклад о Sublime Text. Конференция гудела об этом. У новичка отвисла челюсть, и старый профессионал научился новым трюкам. Здесь Уэс поделится некоторыми из лучших вещей, касающихся фронтендеров вроде нас.

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

Подсветка синтаксиса

Это почти 2015 год, и тонн изменился за последние несколько лет - CSS взорвался новыми функциями, JavaScript представил новые функции и синтаксис, и у нас есть несколько новых языков, которые компилируются в HTML, CSS или JavaScript. Подсветка синтаксиса, поставляемая с Sublime, устарела и даже недоступна для некоторых языков.

Следующие пакеты позволят максимально выделить синтаксис. Даже если у вас уже есть подсветка синтаксиса для всех ваших языков - прочтите это, так как вы можете изменить некоторые из них.

Подсветка синтаксиса JavaScript Next обеспечивает лучшую подсветку кода, чем подсветка JavaScript по умолчанию, а также поддерживает такие функции ECMAScript 6, как модули, сжатые методы, стрелочные функции, классы, генераторы и средства доступа (ES5).

CSS3 обеспечивает выделение каждой функции CSS3 в спецификации.Это все новое, а также то, что еще предстоит реализовать. Это должно полностью заменить любое существующее выделение синтаксиса CSS, которое у вас есть.

Пользователи Sass должны установить пакет SCSS. Внимание - это распространенная ошибка - искать и устанавливать Sass, когда вы на самом деле пишете не синтаксис Sass, а синтаксис Scss - убедитесь, что у вас включен правильный, чтобы все другие пакеты, такие как Emmet, продолжали работать должным образом. .

Конечно, есть также пакеты Stylus и LESS, если они являются вашим любимым оружием CSS.

Написать Coffeescript? Убедитесь, что у вас установлен пакет Better-Coffeescript. Важно взять пакет better-coffeescript , поскольку обычный пакет CoffeeScript больше не поддерживается. В этом лагере есть также Typescript Package.

Пакет Haml расширяет стандартный пакет Haml, включая вложенные языки, такие как JS, CSS, Sass и т. Д., Поэтому вы можете поддерживать как выделение, так и фрагменты. Пакеты Slim и Jade обеспечивают столь необходимую подсветку этих новых языков разметки.

Пакеты и плагины

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

Хотя мы могли сидеть без дела весь день и говорить о лучших Sublime Packages, и я надеюсь, что вы это сделаете в комментариях, это несколько обязательных пакетов для фронтенд-разработчика, работающего с HTML, CSS и JavaScript.

Цветной маркер

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

Недавно была добавлена ​​поддержка переменных Sass, LESS и Stylus, что делает этот инструмент готовым практически для любого рабочего процесса!

Эммет

Почти все уже знают об Эммете, и многие используют его со времен Zen Coding. Однако я обнаружил, что многие разработчики упускают из виду некоторые мощные функции Emmet.

HTML

Emmet отлично подходит для очень быстрого написания HTML. Просто введите селектор CSS для нужной разметки и нажмите вкладку. Использовать Jade, Slim или Haml? Эммет тоже работает с этими языками разметки!

Это может быть так просто или сложно, как вы хотите. Вот несколько примеров - обязательно ознакомьтесь со шпаргалкой, где описаны все возможные способы использования Emmet с HTML.

• `element` +` tab` создает этот элемент и помещает курсор внутрь:
  • `span` +` tab` →
  • `p` +` tab` →

• `элемент.className или element # ID + tab создает этот элемент со связанным классом (ами) или идентификатором
  • `span.hello` +` tab` →
  • `p.odd.warning` +` tab` →

  • `div # contact` +` tab` →
• `element> childElement` +` tab` создает вложенные элементы
  • `ul> li` +` tab` →
  • `p> span` +` tab` →

• `[element * 5]` + `tab` создает этот элемент, умноженный на число
  • `стр.привет * 2` + `tab` →

Вы также можете использовать $ в качестве заполнителя для приращения. Используйте $$ для начального нуля.

`li.item $ * 3` +` tab` →

Квадратные скобки для атрибутов и фигурные скобки для текста элементов.

`figure * 2> img [src =” dog $ .jpg ”] + figcaption {This is dog $}` →

  <рисунок>
  
  

<рисунок>
  
  
  

CSS

Изучение Emmet для CSS - одно из лучших вложений, которое может сделать фронтенд-разработчик. Это не только ускоряет работу, но и сокращает количество совершаемых нами глупых ошибок.

Emmet для CSS работает, вводя приблизительное свойство / значение CSS, которое вы хотите.Здесь нет фрагментов, Эммет работает над чем-то, что называется нечетким соответствием, которое предполагает наилучшее предположение на основе того, что вы ввели.

• посрел → положение: относительное;
• posab → положение: абсолютное;
• fl → поплавок:
• fr → поплавок: правый;
• дБ → отображение: блок;
• dib → отображение: inline-block;
• tdn → оформление текста: нет;
• c → цвет: #
• ширина → ширина:
• w100 → ширина: 100 пикселей;
• w100p → ширина: 100%;
• p → набивка:
• p10 → отступ: 10 пикселей;
• p10p → заполнение: 10%;
• bt1-s-red → border-top: сплошной красный 1px;

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

Sublime Linter

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

С помощью Sublime Linter вы можете легко получать обратную связь по линтингу в реальном времени практически для любого языка. Как фронтенд-разработчики, мы должны линтировать наш JavaScript и, возможно, наш CSS. Если вы допустили ошибку, Sublime Linter прикрепит флажок, предупреждающий вас об ошибке.

Темы и цветовые схемы

Все еще используете тему Sublime и цветовую схему по умолчанию? Возможно, пришло время проверить несколько других. Изменение цвета Sublime состоит из двух частей: цветовая схема изменяет цвет подсветки синтаксиса кода, а тема изменяет цвет хрома редактора, такого как вкладки, боковая панель и палитра команд.

Начиная с последней сборки Sublime Text 3, теперь у нас есть возможность размещать определенные значки на боковой панели.

Любите ли вы свет или тьму, обязательно найдется тема, которая вам понравится. Вот несколько популярных:

Solarized Dark

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

Кобальт2

Это моя собственная тема, которая изменялась и улучшалась в течение последних 5 лет. Он основан на оригинальной теме Cobalt и имеет множество улучшений с упором на то, чтобы не раздражать глаза благодаря четкому и четкому контрасту.

Сети UI

Новая тема сцены, это очень темная тема, которая предлагает массивные синие всплески цвета повсюду.

Перейти ко всему

Если вы используете другой редактор, например Coda, Textmate или Dreamweaver, вы, вероятно, полагаетесь на боковую панель для навигации по файлам. Sublime представила концепцию GoTo something . В самом простом случае вы можете использовать его для открытия любого файла в вашей открытой папке или проекте. Просто нажмите ⌘ ( Ctrl в Windows) + p , и откроется список, в котором вы можете начать вводить имя вашего файла.Это раскрывающееся меню поддерживает нечетких совпадений , поэтому вам не нужно беспокоиться о правильном написании этого слова или даже об указании папки, в которой он находится.

После этого GoTo something поддерживает номера строк файлов jquery.js: 205 , номера столбцов jquery.js: 205: 15 , а также что-то, называемое символов [email protected] , которые позволяют быстро переходите к функциям, методам или селекторам.

Что вам больше всего нравится?

Sublime Text просто упакован множеством удобных функций и пакетов.Достаточно, чтобы заполнить книгу!

Какие ваши любимые советы, уловки или пакеты?

Sublime Text Reviews и цены

«Пишите между строк» ​​

Всего: Sublime - это просто лучший текстовый редактор, который я использовал. Он последовал за мной от MacOS до Ubuntu, и со всеми языковыми вариантами, которые были на этом пути ... Вы даже можете очень быстро превратить его в конкурента JavaScript IDE с помощью всего лишь нескольких плагинов.

Плюсы: Игнорировать чтение между строками; Способность Sublime контекстно понимать, на каком языке вы пишете, избавляет вас от стресса, вместо этого предлагая вам возможность просто писать! Благодаря подсветке синтаксиса, которую вы ожидаете от других основных IDE, таких как Eclipse или Visual Studio, наряду с их повсеместным автозаполнением, вы будете приятно удивлены Sublme (название приложения ооочень подходящее!).Но вот самое приятное; Sublime - лучший друг разработчика ... Он дружелюбен к плагинам и богат плагинами (черт возьми, есть даже руководства о том, как написать свой собственный плагин Sublime). Все, от превращения его в мощную платформу JavaScript до интеграции с GIT, добавления языковых парсеров, даже добавления «эпических звуков», когда вы пишете «эпический код» (https://github.com/Atbox/CodeChampion) Благодаря тому, что вы даже можете интегрировать компиляторы с Sublime, это самый красивый текстовый редактор в мире (который также может быть IDE).

Минусы: Если вам нужна IDE из коробки, используйте VSCode или тому подобное, но, честно говоря, я изо всех сил пытаюсь найти что-то, что я не могу бросить в Sublime Text, с какими-либо реальными проблемами интеграции ... Это подарок, который продолжает дарить.

Причины выбора Sublime Text: В то время как Atom вполне может догнать, бесконечный список плагинов Sublime делает его непростым кандидатом.

Причины перехода на Sublime Text: Хотя Notepad ++ определенно был значительным улучшением по сравнению со стандартным Блокнотом Windows, мы все растем.... Моим первым опытом в 90-х годах было написание простого HTML в Блокноте, а естественным шагом с помощью Windows стал Notepad ++. Дело в том, что как только вы окунетесь в сферу профессионального кодирования, поработали с компаниями, использующими .Net (и, очевидно, Visual Studio), а затем перейдя на нескомпилированные языки сценариев, вы просто не сможете вернуться к Notepad ++. . Вам нужны игрушки для больших мальчиков, которые сделают работу быстро и позволят вам даже передать ее через GIT в процессе.

Должен ли я использовать Sublime Text 2 или 3? - dbader.org

Возможно, вы какое-то время использовали Sublime Text 2 и теперь задаетесь вопросом, что вы упускаете и следует ли вам перейти на ST3.

Трудно понять, каковы плюсы и минусы Sublime Text 3 по сравнению с его предшественником. Существует довольно много противоречивой информации - может показаться неясным, чем они вообще отличаются. Или насколько версия 3 совместима с вашей текущей настройкой Sublime Text 2.

Как разработчик Python вы, возможно, слышали, что Sublime Text 3 сейчас использует Python 3, но вы в основном разрабатываете Python 2. Как это повлияет на вашу среду программирования… ¹

Итак, конечно, вы задаетесь вопросом: «Что мне следует использовать: Sublime Text 3 или 2?»

К счастью, ответ прост: используйте Sublime Text 3.

Вот почему - Sublime Text 3 имеет некоторые важные преимущества по сравнению с версией 2:

• Большинство плагинов догнали и теперь построены на основе ST3.Если вы отметитесь в Package Control, то сегодня пакетов ST3 больше, чем пакетов ST2.
• Разработка Sublime Text 2 остановлена, а Sublime Text 3 находится в активной разработке. Вполне вероятно, что вы столкнетесь с ошибкой в ​​ST2, которая не будет исправлена ​​в будущем.
• Sublime Text 3 имеет новую и очень полезную функцию «Перейти к чему угодно». Он работает путем индексации исходных файлов в фоновом режиме и позволяет мгновенно перейти к любому определению символа в вашем проекте. Это отличное дополнение.
• Sublime Text 3 имеет ряд негласных улучшений по сравнению с Sublime Text 2, таких как более мощный API для разработчиков плагинов и общие улучшения скорости и рендеринга. Я также считаю, что он запускается быстрее.

С другой стороны, сегодня я не могу придумать обратную сторону использования Sublime Text 3.