Sublime text что это
Compatibility
Sublime Text 4 is fully compatible with version 3. It will pickup your session and configuration automatically. If you'd prefer however, it is possible to keep things separate.
Sublime Text — идеально подходит профессиональным программистам. Профессиональные пользователи этого инструмента уже знают, какие плагины подходят. Но если вы новый пользователь, который только начал использовать этот инструмент, то перечисленные плагины помогут повысить уровень производительности за счет более быстрого кодирования.
GitGutter
Еще один плагин для Git, с помощью которого можно не просто работать с основными командами, но и обращаться к измененным версиям.
Emmet
Emmet – одно из лучших решений для тех, кто хочет быстро верстать сайты или писать код. Плагин позволяет дописывать код при его введении. Например, если в HTML-файле прописать букву «t» и нажать после этого на клавишу «TAB», то появится тег:
Преимущества и недостатки Sublime Text
Terminal
Terminal — еще один полезный плагин для пользователей Sublime Text 3. Этот плагин помогает открывать терминалы прямо со страницы, на которой вы сейчас работаете. В результате, вам не нужно закрывать текущее окно или запускать какой-либо другой инструмент в компьютерной системе.
Терминал находится в списке лучших плагинов года для пользователей Sublime Text 3. Этот плагин также повышает производительность, так как экономит много времени и дает достаточно времени для работы над основной частью кода вашего проекта.
DockBlockr
DockBlockr — еще один важный инструмент, доступный для профессиональных кодов, которые используют редактор. Этот инструмент облегчает утомительную задачу документирования ваших кодов, предоставляя простую и оптимизированную функциональность.
К тому же, инструмент позволяет пользователям добавлять базовые документы, парсинг функций, параграфы и другие элементы, включенные в строки кода.
TypeScript, JSX and TSX Support
Support for one of the most popular new programming languages is now shipped by default. Utilize all of the smart syntax-based features of Sublime Text within the modern JavaScript ecosystem.
Refreshed UI
The Default and Adaptive themes have been refreshed with new tab styles and inactive pane dimming. Themes and Color Schemes support auto dark-mode switching. The Adaptive theme on Windows and Linux now features custom title bars.
Установка
Дополнительные настройки
Дополнительно повысить восприятие кода и комфорт при работе с ним мне помогут следующие дополнительные настройки. Переходим Preferences – Settings. Открывается такое окно разделенное на две части. В левой части настройки по умолчанию, их изменить нельзя, а вот в правой части ты можешь эти настройки переназначить, каждая следующая должна идти через запятую. Вот какие настройки использую я:
Поясню каждую настройку.
Убирает странные отступы в программе между кодом и боковой панелью, что делает общую картину более компактной.
Выставляет размер шрифта по умолчанию.Также быстро изменить размер шрифта, работая с кодом, можно зажав контрол и покрутив колесо мыши.
Если ты вдруг размер изменил случайно, то сбросить его можно перейдя в Preferences – Font — Reset
Эти линии очень полезны для новичка, потому что визуально соединяют открывающий и закрывающий элемент, что существенно помогает в ориентации в коде.
Лично я отключаю их (false) по двум причинам. Первая — я уже не новичок и без них неплохо справляюсь, вторая причина — это следующая настройка.
Отображает невидимые табуляции и пробелы. То есть это не часть кода, а просто разметка для удобства работы. И вот, если включить и draw_indent_guides и draw_white_space то получатеся кашица которая лично меня напрягает. Что из этого использовать, а что нет — решать тебе.
Размер ширины линии отступа при нажатии Tab. Лично мне нравится 3й размер :)
Например мы работали работали, а потом неожиданно закрыли программу :) Бывает такое? У меня постоянно, так вот эта настройка включает «память» у Sublime и при следующем открытии программы откроются и все последние файлы. И да, память работает и после перезагрузки компа.
Инструменты Sublime Text
Sublime Text предлагает множество функций, которые упрощают компиляцию кода.
- Goto Anything — это удобная функция, которая позволяет легче получать доступ к файлам. Для перехода к аспектам скомпилированного кода, таким как символы, строки или слова, требуется всего несколько действий.
- Сопоставление скобок — это функция, которая позволяет быстро определить неправильное сопоставление. Редактор напрямую выделяет соответствующие наборы скобок.
- Множественное выделение — это удобный инструмент, который позволяет быстро менять строки кода на ходу. Изменяйте имена переменных или даже файлов.
- Наличие мощного Python API в Sublime выделяет текстовый редактор среди конкурентов. Мощный встроенный API позволяет Sublime достигать большей функциональности, позволяя плагинам расширять встроенную функциональность.
- Кроссплатформенность — Sublime Text доступен на нескольких клиентских компьютерах, включая Windows, Mac и Linux.
Заключение
Хотелось бы отметить несколько недостатков Sublime Text. Возможно, часть из них уже исправлена в Sublime Text 3. Я его пока не смотрел, так как во время написания поста третья версия еще находилась в бете.
Дополнение: Sublime Text 3 я в итоге посмотрел и перешел на него, а также дописал в приведенную выше шпаргалку пару новых хоткеев.
Очень не хватает просмотра git blame рядом с номерами строк, как в IDEA. Из коробки нет поддержки синтаксиса Rust, Kotlin и GLSL. Из коробки нет истории буфера обмена. Нет встроенной поддержки TODO-списков. Нельзя посмотреть список закладок, нельзя давать закладкам имена. Не удалось найти хоткеев для перемещения вкладок влево и вправо, ровно как и для изменения ширины лайаутов. Встроенный шелл был бы не лишним.
Все это, конечно, не то, чтобы очень критичные проблемы. К тому же, вроде как некоторые из их можно решить при помощи плагинов. Но я лично был бы не против увидеть поддержку всего этого функционала из коробки в будущих версиях редактора.
В целом впечатления от Sublime Text у меня очень положительные. Я полностью заменил им Geany, а Vim теперь использую только для задач вроде изменения пары строчек в конфиге по SSH. Интересно, что при написании кода в саблайме чувствуешь себя просто мега реактивным. Ничего лишнего не отвлекает, все сосредоточение только на коде. Любопытное чувство, попробуйте!
А пользуетесь ли вы Sublime Text? Если да, то что вы в нем пишите и каковы ваши впечатления от редактора?
Дополнение: Небольшая подборка полезных плагинов — Package Control (через него ставится все остальное), Sublime Git, Makrdown Preview, GoSublime, Anaconda, SublimeHaskell, PlainTasks, OpenGL Shading Language (GLSL).
The first stable release of Sublime Text 4 has finally arrived! We've worked hard on providing improvements without losing focus on what makes Sublime Text great. There are some new major features that we hope will significantly improve your workflow and a countless number of minor improvements across the board.
A huge thanks goes out to all the beta testers on discord and all the contributors to our packages.
ColorHighliter
Обрати внимание на этот код — это код цвета, но какого именно непонятно.
О Sublime Text
Sublime Text — это кроссплатформенный текстовый редактор, разработанный для пользователей, которые ищут эффективный, но минималистский инструмент для редактирования кода. Редактор, конечно же, прост, в котором отсутствуют панели инструментов или диалоговые окна.
Пристальный взгляд изнутри показывает мощный текстовый редактор, в который загружены плагины, умные функции автозаполнения и многое другое.
Официальный сайт Sublime Text
Updated Python API
The Sublime Text API has been updated to Python 3.8, while keeping backwards compatibility with packages built for Sublime Text 3. The API has been significantly expanded, adding features that allow plugins like LSP to work better than ever. Read the revamped documentation here.
Настраиваем горячие клавиши
Мы привыкли использовать комбинации клавиш, чтобы скопировать, вставить или выделить весь текст. В Sublime Text можно установить свои пользовательские комбинации.
Например, нам нужно, чтобы комбинация «CTRL+C» не копировала текст, а вырезала его. Для этого необходимо перейти в «Preferences» -> «Key Bindings».
Затем в правом столбце нужно прописать нужную комбинацию клавиш и указать ей значение «cut». В конце сохранияемся комбинацией клавиш «CTRL+S».
Аналогичным образом вы можете изменять другие комбинации либо добавлять собственные.
Изменяем внешний вид
По умолчанию Sublime поставляется с черной темой, которая подойдет каждому, но если нужны изменения, то никто не запрещает их сделать.
На этом настройки не ограничиваются – мы также можем изменить шрифт текста и его размер, добавить новые темы и многое другое.
Сделать это можно через «Preferences» -> «Settings». Слева находятся значения по умолчанию – их менять не нужно. А вот справа расположены пользовательские настройки, которые можно изменять и дополнять.
- "color_scheme" – здесь прописывается цветовая тема (можно выбрать из существующих и добавить собственную);
- "font_face" – позволяет изменить шрифт текста на любой, что есть в системе;
- "font_size" – предназначена для увеличения или уменьшения размера текста;
- "font_options" – устанавливает/удаляет жирность или курсив текста;
- "word_separators" – разделители слов;
- "line_numbers" – настройка нумерации слов;
- "gutter" – включает или отключает отображение номеров строк и закладок («канавка»);
- "margin" – настраивает отступ от «канавки»;
- "fold_buttons" – позволяет отключить треугольные стрелки, отображаемые в «канавке».
Например, мы можем установить следующие значения:
Для сохранения изменений не забудьте воспользоваться комбинацией клавиш «CTRL+S».
GPU Rendering
Sublime Text can now utilize your GPU on Linux, Mac and Windows when rendering the interface. This results in a fluid UI all the way up to 8K resolutions, all while using less power than before.
A single frame being rendered. See our blogpost on OpenGL rendering.
AutoFileName
Дело в том, что в процессе верстки часто приходится подключать различные картинки. Этот плагин в разы облегчает процесс подключения. Установим его. Нажимаем Ctrl+Shift+P далее Install Package Control ищем AutoFileName устанавливаем. Попробуем подключить картинку сейчас. Сразу замечаем появление выпадающего меню со списком локальных файлов. Переходим в нужную папку с картинками и видим тут нужный нам файл, а также его размеры, что тоже пригодится.
Вывод
Sublime Text — по достоинству является одним из самых популярных текстовый редакторов. Мы перечислили все типы полезных плагинов, которые помогут работать быстрее и эффективнее в вашем проекте. Достойную конкуренцию редактору составляет ПО с открытым исходным кодом Atom. Подробнее о тестовом редакторе Atom в этой статье.
Sublime Text 3 – это текстовый редактор, разработанный для верстальщиков и программистов. Он позволяет работать с кодом разных языков программирования: от Erlang до C++. Свою популярность он получил благодаря кроссплатформенной поддержке и расширенным настройкам, которые позволяют пользователю легко «играть» с параметрами программы. Вариаций довольно много – можно изменить и внешний вид, и дополнить функционал с помощью различных плагинов.
Что еще есть в Sublime Text 3 и как со всем этим работать – поговорим в сегодняшней статье.
Sublime Linter
Sublime LinterSublime Linter — необходимый плагин для кодов и программистов, работающих в команде для конкретного проекта. Этот плагин заботится о каждом члене команды, предоставляя подходящую основу для проекта.
Файл настроек
В контексте этой заметки нельзя не сказать и пару слов о файле настроек.
Искать его следует где-то здесь:
Если такого файла нет, ничего страшного — просто создайте его.
Вот содержимое моего файла:
<
"always_show_minimap_viewport": true,
"draw_centered": true,
"word_wrap": true,
"wrap_width": 80,
"font_size": 10,
"rulers":
[
80
],
"update_check": false
>
Как видите, это обычный JSON. Приведенные настройки говорят саблайму (1) всегда подсвечивать на minimap справа то место, на которое мы сейчас смотрим, (2) рендерить текст по центру, а не по левой стороне (3) отображать слова на следующей строчке, если строка не умещается в 80 символов по ширине, (4) использовать шрифт размером 10 попугаев, (5) отмечать вертикальной линией ширину строки в 80 символов и (6) не проверять наличие новых версий редактора. В такой конфигурации получается что-то очень похожее на distraction free mode, только с табами, номерами строк и отображением закладок. Все изменения настроек саблайм подхватывает на лету, без перезапуска редактора.
Плагины
Боковая панель
Для отображения панели переходим View – Side Bar – Show Open Files. В этой панели будут отображаться наши проекты, то есть папки и файлы нашей верстки. Для наглядности сейчас добавлю один из них. Все что там нужно сделать — это просто перетащить папку с проектом на нашу панель.
Package Control
Если вы являетесь постоянным пользователем инструмента Sublime Text 3, тогда плагин Package Control является наиболее важным для вас. Плагин управления пакетами позволяет легко устанавливать, просматривать, загружать, обновлять плагины и пакеты в редакторе.
Этот мощный плагин прост и понятен и хорошо работает с кодами, чтобы быстро находить и устанавливать пакеты.
Подсветки синтаксиса
Конечной настройкой внешнего вида будет настройка подсветки синтаксиса. Слово страшное, однако на деле все просто.
Подсветки синтаксиса – это особое окрашивание цветом того или иного елемента в коде. Например, в этой цветовой схеме в HTML файле краcным выделен тег, зеленым — название класса, белым — текст и так далее. Это делает восприятие кода намного понятнее. Обрати внимание на правый нижний угол окна программы, в зависимости от того как кой файл у нас сейчас активен, CSS HTML JS и так далее происходит переключение отображения кода этого конкретного файла.
Зачем же тут что-то делать если все и так отлично работает? Дело в том что в начальном пакете Sublime установлены пакеты подсветки синтаксиса далеко не для всех форматов.
Например, в дальнейшем я планирую работать с файлами SCSS, открыв его я увижу сплошную простыню из набора белых символов. Не очень удобно, правда?
Так вот, в таких случаях я дополнительно устанавливаю нужный пакет.
Открываем наш привычный Commаnd Palette перейдя Tools – Command Palette, либо нажимаем Ctrl+Shift+P набираем install, жмем Install Package Control и ищем дополнение SCSS. Нажимаем на него, после установки мы можем переключить наше отображение на SCSS. Сейчас все выглядит симпатичнее, не так ли?
Настройка внешнего вида редактора важна, так как мы довольно длительное время проводим за написанием кода. Это влияет на нашу усталость, продуктивность, здоровье да и просто на настроение.
Следующее, что мы сделаем это установим ряд плагинов и дополнений. Их существует огромное количество, а я расскажу про основные, которые активно использую сам и которые в разы ускорят весь процесс верстки. Приступим!
Заключение
Сегодня мы настроили Sublime Text 3 и убедились, что в этом нет ничего сложного, так как программа адаптирована под начинающих пользователей.
Сегодня расскажу о редакторе кода, которым пользуюсь для верстки сайтов уже много лет. Быстрый, удобный и полностью настраиваемый Sublime Text 3.
Мы с нуля настроем его внешний вид, а также применим плагины AutoFileName, BracketHighliter, ColorHighliter, Emmet, GotoCSSDeclaration и Tag, которые существенно помогут нам при верстке сайтов! Ну что ж, от слов к делу!
Что такое Sublime Text?
Если вдруг кто-то из читателей не в курсе, Sublime Text — это такой легковесный текстовый редактор для программистов. Что-то вроде Vim, только с человеческим интерфейсом и из коробки умеет заметно больше. Также можно рассматривать Sublime Text в качестве легковесной IDE. До уровня IntelliJ IDEA, CLion или PyCharm ему, конечно, как до луны. Зато для всевозможной эзотерики вроде Go, Erlang и Haskell работает шикарно.
Многие оценят легковесность редактора и скорость его работы. Sublime Text просто летает, в том числе на проектах в миллион строк кода на хардкорном С++ c Boost’ом и вот этим всем. При этом саблайм имеет очень низкий порог вхождения, чего о Vim, к примеру, сказать никак нельзя. Изучить основные сочетания клавиш и начать фигачить код можно буквально за 15 минут.
Мне лично очень понравилась фирменная превьюшка кода, расположенная справа, и, конечно же, возможность редактировать текст при помощи нескольких курсоров. Еще из фишек есть подсветка и автокомплит практически чего угодно, неплохой поиск по проекту безо всяких там find и grep, автоматический вордврап по заданной ширине строки, спелчекер, поддержка разных кодировок и переносов строк, настраиваемая ширина отступов. Можно писать плагины на Python (ура, нормальный язык, а не как в Vim!). Плюс есть гибкая настройка шрифтов и цветовых схем. Кстати, о схемах — по дэфолту используется темная тема \m/.
Не совсем явный момент при использовании Sublime Text — возможность открывать не файлы, а каталоги. Делается это при помощи File → Open Folder, или путем передачи имени каталога в качестве аргумента при запуске редактора из bash. При этом у вас не только появляется очень симпатичное дерево каталогов в сайдбаре слева, но и, к примеру, намного круче начинает работать поиск файла по имени (Ctr+P).
Работает все это хозяйство на Windows, Linux и OS X.
Стоит Sublime Text всего лишь 70$. Как мне кажется, цена вполне справедливая. При этом самые жадные котики могут ничего не платить. Sublime Text будет работать, как ни в чем ни бывало, лишь изредка предлагая купить лицензию.
В первом приближении дела обстоят как-то так. Давайте теперь познакомимся с основными хоткеями.
Внешний вид программы
Первым делом, после установки Sublime Text 3, я настраиваю внешний вид программы.
Apple Silicon and Linux ARM64
Sublime Text for Mac now includes native support for Apple Silicon processors. Linux ARM64 builds are also available for devices like the Raspberry Pi.
Русифицируем Sublime Text с помощью плагина
Как мы уже говорили ранее, основная фишка Sublime – плагины, с помощью которых можно менять функционал программы. Для их установки используется дополнительная утилита Package Control, которая позволяет находить и инсталлировать разные плагины.
Для примера давайте русифицируем программу с помощью плагина LocalizedMenu:
- Открываем Sublime Text и используем комбинацию клавиш «CTRL+SHIFT+P». В отобразившемся окне вводим «Package Control: Install Package» и кликаем по первому запросу.
- В результате перед нами отобразится новое поисковое окно, через которое можно найти различные плагины. В нашем случае нас интересует «LocalizedMenu» – вводим запрос и устанавливаем расширение.
- После установки плагина ничего не поменяется, так как плагин не русифицирует программу, а предлагает различные варианты ее перевода. Чтобы установить русский язык, перейдем в «Preferences» -> «Languages» -> «Русский».
Вот такими несложными действиями у нас получилось установить один из тысячи плагинов. Вы можете добавлять любые расширения, которые есть в пакете Sublime.
Сочетания клавиш
Как обычно, далее предполагается, что про всякие Ctr+C, Ctr+V и Ctr+S вы знаете, поэтому эти хоткеи не упоминаются. Учтите также, что перечень хоткеев не отражает всех возможностей Sublime Text. Например, в диалоге открытия нового файла (Ctr+O) предусмотрен весьма удобный автокомплит имен файлов.
Лэйауты:
Shift + Alt + 1 | Одна группа вкладок |
Shift + Alt + 2..4 | От 2 до 4 столбцов |
Shift + Alt + 5 | Типа табличка 2 на 2 |
Shift + Alt + 8/9 | В 2 или 3 строки |
Ctr + циферка | Перейти на лайаут под заданным номером |
Окна:
Ctr + Shift + N | Новое окно |
Ctr + Shift + W | Закрыть окно |
Табы:
Ctr + N | Новая вкладка |
Ctr + PgUp/PgDown | Переход между табами |
Ctr + W | Закрыть вкладку |
Alt + циферка | Перейти к табу с номером |
Ctr + Shift + N | Перенести таб на лайаут с заданным номером |
Выделение:
Ctr + D | Выделение слов с созданием новых курсоров |
Ctr + U | Если в результате выделения поставились лищние курсоры |
Ctr + Shift + пробел | Выделить текущий скоуп |
Поиск:
Ctr + F | Поиск в текущем файле |
Ctr + E | Использовать выделенное для поиска |
F3 / Shift + F3 | Искать вперед/назад в текущем файле |
Ctr + Shift + F | Поиск по нескольким файлам |
F4 / Shift + F4 | Перемещение по результатам поиска в файлах |
Alt + R | В диалоге поиска: вкл/выкл регулярные выражения |
Alt + С | В диалоге поиска: вкл/выкл case sensitivity |
Alt + F3 | Найти все, везде поставить курсоры |
Замена:
Ctr + H | Диалог замены текста |
Ctr + Alt + Enter | В диалоге замены: заменить все |
Переходы:
Ctr + G | Перейти к строке с заданным номером |
Ctr + M | Переход к парной скобке |
Ctr + P | Перейти к файлу по его имени (с превью в редакторе!) |
Ctr + R | Переход к методу или классу по имени в текущем файле |
Alt + O | Переключение между .c и .h файлами |
Ctr + Shift + R | ST 3: Переход к символу по имени во всем проекте |
F12 | ST 3: Перейти к определению того, что под курсором |
Alt + − | ST 3: Вернуться туда, откуда пришли |
Alt + Shift + − | ST 3: Обратное действие к предыдущему пункту |
Закладки:
Ctr + F2 | Поставить/снять закладку |
F2 / Shift + F2 | Предыдущая/следующая закладка в рамках одного файла |
Ctr + Shift + F2 | Снять все закладки в рамках текущего файла |
Фолдинг:
Ctr + Shift + [ | Свернуть код |
Ctr + Shift + ] | Развернуть код |
Ctr + K + J | Развернуть все, что свернуто |
Отступы:
Ctr + ] | Увеличить отступ |
Ctr + [ | Уменьшить отступ |
Комментирование:
Ctr + / | Закомментировать/раскомментировать код |
Ctr + Shift + / | То же самое, но использовать блочный комментарий |
Макросы:
Ctr + Alt + Q | Начать/закончить записывать макрос |
Ctr + Shift + Alt + Q | Выполнить записанный макрос |
Курсоры:
Ctr + клик | Создать новый курсор |
Alt + Shift + ↑↓ | Создание новых курсоров выше/ниже |
Ctr + Shift + L | Для каждой выделенной строки создаться свой курсор |
Некоторые преобразования текста:
F9 | Сортировка строк |
Ctr + F9 | Сортировка строк с учетом регистра |
Ctr + K + L | Привести текст к нижнему регистру |
Ctr + K + U | Привести текст к верхнему регистру |
Интерфейс:
F11 | Включить/выключить фулскрин режим |
Shift + F11 | Так называемые distraction free mode |
Ctr + K + B | Показать/скрыть сайдбар слева |
Ctr + колесико/+/− | Сделать шрифты больше/меньше |
Прочее:
F6 | Включить/выключить проверку орфографии |
Ctr + Shift + P | Поиск команды редактора по ее названию |
Ctr + ~ | Показать/скрыть Python-консоль |
По большому счету, это все!
Context-Aware Auto Complete
The auto complete engine has been rewritten to provide smart completions based on existing code in a project. Suggestions are also augmented with info about their kind, and provide links to definitions.
Tab Multi-Select
File tabs have been enhanced to make split views effortless, with support throughout the interface and built-in commands. The side bar, tab bar, Goto Anything, Goto Definition, auto complete and more have all been tweaked to make code navigation easier and more intuitive than ever.
Emmet
Emmet — один из самых популярных плагинов Sublime Text 3, который загружен более 4 миллионов раз по всему миру. Вместо использования JavaScript этот плагин работает с CSS и HTML, что упрощает работу пользователей.
В результате, это позволяет добавлять коды через сниппеты, что значительно ускоряет весь процесс для программистов. Плагин требует базовых знаний HTML и CSS.
Небольшой обзор Sublime Text и шпаргалка по хоткеям
15 декабря 2015
Решил я наконец-то попробовать этот ваш Sublime Text. После нескольких недель использования редактора, мной был вынесен вердикт, что штука эта весьма годная. В данном посте я в двух словах расскажу о том, что же собой представляет Sublime Text, поделюсь впечатлениями от работы с ним, а также выложу свою шпаргалку по основным хоткеям.
Плагины для Sublime Text
Разделяем экран
Еще одна интересная функция, о которой я уже говорил – разделитель экрана. Ей часто пользуются веб-разработчики для удобства перемещения между HTML и CSS. Активировать ее можно следующим образом:
На этом настройка Sublime Text завершена – теперь вы можете использовать программу в полной мере. Чтобы вам было еще проще, ниже я рассмотрю некоторые плагины, которые заметно упрощают работу с кодом.
Разделение рабочего окна
Еще более улучшить восприятие кода и ускорить процесс верстки нам поможет разделение рабочего окна.
Поскольку практически всегда приходится работать с несколькими разными файлами, например index.html style.css и какой-то js файл, то дополнительным удобством будет разделение окна с кодом на секторы. Варинтов несколько. Переходим в View – Layout и смотрим что тут у нас есть.
Соответственно Single – это вид без разделений как сейчас, Columns: 2, 3, 4 это разбивка по вертикали. Например нажав на Columns: 2 наш экран с кодом разделится пополам, и мы можем часть файлов переместить в пустую колонку, например CSS слева HTML и JS справа, что делает работу более наглядной и быстрой.
Так же у нас есть варианты поделить экран по горизонтали это Rows: 2 и Rows: 3, нажав например на Rows: 3 получим три горизонтальных окна и можно перекинуть JS файл в третье окно. И последний вариант это Grid: 4 который делит экран пополам как по горизонтали, так и по вертикали. В результате получаются четыре окна. Обрати внимание, что переключаться между режимами можно и с помощью горячих клавиш Alt+Shift+ соответствующая цифра.
Так что у тебя есть широкий выбор по вкусу. Я чаще всего использую одно разделение по вертикали.
JavaScript & NodeJS Snippets
Аналогичен предыдущему плагину – с его помощью можно дописывать JavaScript-код. Например, если набрать «qs+TAB», то в результате набранный текст преобразится в код:
Инструменты Sublime Text 3
Текстовый редактор Sublime обладает большим функционалом, который упрощает написание кода и его компиляцию. Из особенностей выделяют следующее:
- Goto Anything – удобная функция, позволяющая быстро получить доступ к нужным файлам.
- Сопоставление скобок – позволяет быстро определить неправильное сопоставление. Редактор напрямую выделяет соответствующие наборы скобок.
- Множественное выделение – полезная функция, позволяющая быстро изменять код в нескольких местах.
- Мощный Python API, благодаря которому Sublime обходит многих конкурентов. Он дает возможность достигать высокой производительности за счет дополнительных плагинов.
- Раздельное редактирование – благодаря этой функции можно разделять окно на несколько столбцов, например, один назначить под HTML, другой – под CSS, третий – под JavaScript.
- Сочетание клавиш – позволяет присваивать комбинацию клавиш к различным функциям.
BracketHighliter
Великий и могучий Emmet
Итак, что же умеет Emmet?
Перейдем в HTML файл и попробуем записать тег div с классом .block, для этого нам теперь достаточно поставить точку, написать "block" и нажать клавишу Tab. Мы получим:
Чтобы сделать более сложную запись, например в тег div с классом .block вставить тег span используем следующую запись:
Жмем клавишу Tab и получаем:
Но и это еще не все, мы можем создавать свои сниппеты, то есть шаблоны/заготовки.
Для этого перейдем Preferences – Package Settings – Emmet – Settings User. Здесь запишем следующее:
Теперь для того чтобы вызвать запись:
нам достаточно написать bl и нажать клавишу Tab
Abvanced New File
Позволяет создавать файлы, не выходя из программы – достаточно запустить плагин, прописать путь и название файла.
Если вы работаете с Git, то данный плагин будет вам попросту необходим. С его помощью можно выполнять все необходимые взаимодействия с Git внутри программы.
License Changes
Sublime Text license keys are no longer tied to a single major version, instead they are now valid for all updates within 3 years of purchase. After that, you will still have full access to every version of Sublime Text released within the 3 year window, but newer builds will required a license upgrade. These are the same license terms we use for Sublime Merge, and they allow us to deliver more frequent and exciting updates as soon as they're ready, without having to roll them into a new major version.
Настройка Sublime Text 3
Первым делом рассмотрим настройки внешнего вида, а затем перейдем к горячим клавишам и установке плагинов.
Advanced New File
Этот инструмент позволяет создавать новые файлы быстрее. Конечно, мы используем папки и меню для добавления новых файлов на главную страницу кодирования, но этот процесс занимает немного времени.
Если вы работаете над проектом, который завершается в кратчайшие сроки, то этот плагин Advanced New File для вас подходит.
Популярные плагины для Sublime Text 3
Цветовая схема
Далее настраиваю цветовую схему программы и кода, для наглядности открою любой файл, например, с HTML кодом. Для этого два раза кликаю на нужном файле. Теперь перехожу Preferences – Color Scheme, открывается окошко с установленными цветовыми решениями и при выборе той или иной темы внешний вид нашего кода и сама программа будут меняться.
Лично мне не подходит ни один из предустановленных вариантов, поэтому я устанавливаю дополнительную цветовую схему. Огромное их количество можно найти и ознакомиться на сайте с дополнениями к Sublime packagecontrol.io. Я уже знаю какую именно я схему хочу установить, что сейчас и сделаю.
Для того что устанавливать новые цветовые схемы, плагины и прочие дополнения, мне нужно сперва установить установщик этих дополнений. Звучит сложно, но на деле все гораздо проще.
Для этого опять вызываю Command Palette зажимая Ctrl+Shift+P, в поле поиска опять ввожу install пока не увижу пункт Package Control: Install Package (установить пакет дополнения) нажимаю на него. Немного подождав вижу окно со списком всех доступных дополнений к Sublime. Ну, почти всех.
Моя любимая цветовая схема установлена, ты конечно же можешь выбрать себе любую другую.
Общий вид программы мне больше нравится темный, поэтому перехожу Preferences – Theme, и переключаюсь на Adaptive.sublime-theme
Сочетание цветов очень важно для работы с кодом, так как это влияет не только на восприятие, но и на усталость и здоровье твоих глаз. Так что подбери себе цветовую схему так, чтобы тебя ничего в ней не напрягало. И помни про перерывы в работе!
GotoCSSDeclaration
Плагин поможет нам с навигацией в коде. Устанавливаем ровно так же как и предыдущие плагины. Далее назначим горячие клавиши для работы с плагином для этого переходим Preferences – Key Bindings, и пишем следующий код
Где ["ctrl+1"] это и есть нужное сочетание клавиш. Сохраняем Cntr+S.
И вот как это работает. У нас должен быть открыт CSS и HTML файлы. CSS как правило очень большой и найти что-то быстро сложно, но это в прошлом. Например, нам нужно изменить CSS для класса content-mainpage кликаем на него мышкой и нажимаем ctrl+1. Вуаля, мы в нужном месте CSS файла.
Ну и для тех, кто дочитал до этого момента покажу еще один плагин, который установить не так просто, но он точно того стоит.
Зовут его Tag и установить нам придется его вручную. По этой ссылке можно скачать архив с плагином. Далее распаковываем в особую папку программы. Для Windows 10 это C:\Users\[Подставь свое имя пользователя]\AppData\Roaming\Sublime Text 3\Packages. Далее закрываем Sublime и открываем снова и добавляем горячие клавиши открыв Preferences – Key Bindings и дописав следующее:
Где ctrl+` это и есть наше сочетание клавиш.
Итак, для чего же мы проделали весь этот нелегкий путь? Как правило, в процессе написания, кода мы работаем сначала с HTML потом переносим названия классов в CSS и работаем уже там. Так вот этот перенос делать вручную давольно долго. И тут нам на помощь приходит плагин Tag. Сейчас нам достаточно выделить нужный HTML код, нажать наше сочетание клавиш ctrl+`
Gutter
Боковая панель Gutter помогает программистам добавлять подсказки для тестов. В результате, легко понять смысл или любые предложения, предоставленные разработчиками или программистами при работе над проектом.
Плагин GitGutter позволяет программистам добавлять подсказки или размечать коды с помощью ссылки на источник. Кроме того, используйте этот плагин для сравнения ваших файлов на главной странице кодирования.
Alignment
Sublime Text 3 позволяет программистам записывать коды на разных компьютерных языках, таких как JavaScript, CSS, PHP и прочие. К тому же, этот плагин Alignment для редактора Sublime Text 3 позволяет быстро выровнять коды. Выделяйте строки текста, а затем используйте этот плагин для выравнивания кодов.
Довольно трудно выровнять сотни и тысячи строк кода по одной вручную в текстовом редакторе.
Superpowered Syntax Definitions
The syntax highlighting engine has been significantly improved, with new features like handling non-deterministic grammars, multi-line constructs, lazy embeds and syntax inheritance. Memory usage has been reduced, and load times are faster than ever.
Преимущества
- Sublime Text — это легкий текстовый редактор, который подойдет любому программисту. Программа сделана со скоростью, находящейся в ее основе. Особенность программы в ее скорости и отзывчивости пользовательского интерфейса.
- В редакторе доступно множество плагинов, которые интегрируются в одном месте.
- Полностью настраиваемый — текстовый редактор создан, чтобы позволить конечному пользователю легко «поиграть» с ПО на свой лад. Sublime позволяет настраивать множество функций, включая: привязки клавиш, меню, фрагменты, макросы и многие другие. Кроме того, изменяйте внешний вид, настроив свои темы для ПО.
- Кроссплатформенная поддержка — в редакторе доступна на большинстве распространенных настольных клиентов, включая Windows, macOS и Linux.
- Sublime с открытым исходным кодом, соответственно бесплатный. Но в то же время, ПО также можно купить – по желанию. Важно отметить, что бесплатная версия работает просто отлично.
- С редактором, вы можете комфортно переключаться между различными файлами. К тому же, благодаря функции Goto Anything, доступ к которой получаете непосредственно с клавиатуры с помощью клавиш Ctrl или Command + P.
- Простота в использовании. Редактор подходит для любого пользователя, независимо от уровня его опыта.
Недостатки
- При поддержке плагинов, к сожалению, некоторые их них в редакторе все еще глючат. Необходимо требовательно подходить к выбору плагинов
Читайте также: