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

// Текст адресован студентам моих курсов.

1. Установка пакетного менеджера (Package Control)

В текущей версии Sublime Text 3 делается предельно просто. Выбираем пункт меню Tools -> Install Package Control Install Package Control 1

Дожидаемся сообщения об успешной установке Install Package Control 2

2. Установка пакета Emmet

Нажимаем клавиатурное сочетание Ctrl+Shift+P (также можно выбрать пункт меню Tools -> Command Palette), чтобы отобразился список команд. Install Sublime Package 1st step

Набираем команду Install Package Install Sublime Package 2nd step

Набираем название пакета Emmet Install Sublime Emmet Package 1st step

Дожидаемся успешной установки Install Sublime Emmet Package 2nd step

3. Несколько полезных пакетов Sublime Text 3

  • AutoFileName - автокомплит для названий файлов внутри проекта.
  • AdvancedNewFile - создание нового файла через Ctrl+Alt+N
  • BracketHighlighter - подсветка парного тега в HTML
  • Color Highlighter - превью цвета в файлах, например видеть #bce8f1.
  • Material Theme - красивая тема в стиле материального дизайна. Активируется командой "Material Theme: Activate Theme"
  • SideBarEnhancements - дополнительные команды контекстного меню для проводника

Установка всех пакетов аналогична установки пакета Emmet.

Файл настроек Sublime Text

Все индивидуальные настройки доступны в пункте меню Preferences -> Settings.

Описание настроек Sublime на русском

Мои настройки такие:

{
    "always_show_minimap_viewport": true,
    "bold_folder_labels": true,
    "color_scheme": "Packages/Material Theme/schemes/Material-Theme-Palenight.tmTheme",
    "fallback_encoding": "Cyrillic (Windows 1251)",
    "font_face": "Consolas",
    "font_options":
    [
        "gray_antialias",
        "subpixel_antialias"
    ],
    "font_size": 13,
    "ignored_packages":
    [
        "Vintage"
    ],
    "indent_guide_options":
    [
        "draw_normal",
        "draw_active"
    ],
    "line_padding_bottom": 3,
    "line_padding_top": 3,
    "material_theme_contrast_mode": true,
    "material_theme_panel_separator": true,
    "material_theme_tree_headings": true,
    "original_color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
    "overlay_scroll_bars": "enabled",
    "show_encoding": true,
    "show_line_endings": true,
    "theme": "Material-Theme-Palenight.sublime-theme"
}

Похожие записи

Flexbox или CSS Grid

  • CSS Grid отлично подходит для макетов с нестандартным или асимметричным дизайном.
  • Flexbox отлично подходит для выравнивания содержимого внутри элементов.
  • Нет причин применять только CSS Grid или только Flexbox. Изучайте их и используйте совместно.