Что значит желтая полоска в sublime text
Пример. Если у меня есть документ с отступом в 2 раза, и я хочу, чтобы у него было 4 отступа пространства, как я могу автоматически преобразовать его с помощью редактора Sublime Text?
ОТВЕТЫ
Ответ 1
Здесь аккуратный трюк в Sublime Text 2 или 3, чтобы преобразовать интервал отступов в документе.
TL; ДР:
Преобразование из 2 пробелов в 4 пробела:
Убедитесь, что ширина закладки установлена равной 2. Преобразуйте отступ в 2 пробела к вкладкам, переключитесь на ширину вкладки 4, а затем преобразуйте отступ назад в пробелы.
Подробное описание:
Он должен читать:
- Tab width: 4
- Convert Indentation to Spaces
Ответ 2
Я действительно нашел, что лучше для моего здравомыслия, чтобы пользовательские настройки были определены следующим образом:
detect_indentation: false особенно важен, поскольку он заставляет Sublime соблюдать эти настройки в каждом файле, а не в настройках View -> Indentation .
Если вы хотите получить фантазию, вы также можете определить комбинацию клавиш для автоматического повторного ввода кода (YMMV), вставив следующее в Sublime -> Preferences -> Key Binding - User :
и визуализировать пробелы:
Ответ 3
Я нашел, на мой взгляд, более простое решение, чем Magne:
В окнах или других платформах измените cmd+f и alt+enter на любые ваши find и select all горячие клавиши.
Примечание. Этот метод подвержен "ошибкам", если в вашем коде имеется более одного места. Таким образом, он менее безопасен, чем метод Магне, но он быстрее (по крайней мере для меня).
Ответ 4
Вот что я в итоге использовал:
Sublime Text 3/Packages/User/to-2.sublime-macro
Ответ 5
Если вы обнаружите, что поиск и замена быстрее используются, вы можете использовать замену регулярных выражений следующим образом:
Найти (regex): (^|\G) (Вместо "" <space> вы можете просто написать два пробела. Используется здесь для ясности.)
Замените 4 пробела или что угодно, например \t .
Ответ 6
Я написал для него плагин. Вы можете найти здесь здесь или искать "ReIndent" в управлении пакетами. В основном он делает то же самое, что написал Кайл Финли, но удобным способом с ярлыками для преобразования между 2 и 4 и наоборот.
Ответ 7
Вы должны добавить этот код к своим пользовательским привязкам клавиш:
нажимая ctrl + f12, он будет повторно прикреплять ваш файл к размеру вкладки 4. Если вам нужен другой размер вкладки, вы просто изменяете значение "значение". Формат Te - простой json.
Sublime Text 3 - один из самых распространенных текстовых редакторов для программистов. Он предоставляет своим пользователям уникальные возможности, которых нет больше нигде. Одни из самых главных достоинств - кроссплатформенность и расширяемость.
Здесь можно настроить все - от внешнего вида до компонентов программы (плагинов). Но и уровень настройки у Sublime Text соответствующий - как редактор для программистов, он настраивается через исходный код, что под силу не каждому. В этой статье мы рассмотрим как выполняется настройка Sublime Text 3.
Что такое Sublime Text
Для Sublime Text с первых же версий возможности были гораздо выше, чем у других редакторов. Шутка ли - полностью настраиваемый интерфейс, возможность настроить поведение программы, а не просто вводить текст? Что уж говорить о плагинах - код, написанный на Python, позволяет пользователю управлять редактором так, как укротитель змей, играя на магической дудочке, заставляет гигантского удава трепетать перед ним. Однако, как бы нам ни было жаль, именно это и отпугивает новичков - будучи не в состоянии настроить редактор, они перестают им пользоваться.
Настройка Sublime Text 3
Сначала поговорим про внешний вид, а затем перейдем к настройке горячих клавиш и плагинов.
1. Внешний вид Sublime Text
Итак, пора запустить Sublime Text (статья про установку - тут). Многим дизайн программы нравится, другим же - нет. И сейчас перед вами встает уникальная возможность поменять интерфейс до неузнаваемости!
Самый простой с виду способ - выбрать тему через настройки. Для этого идем в меню "Preferences" -> "Color Scheme" и выбираем нужную вам тему. Но это способ лишь поменяет расцветку редактора, и ничего более.
Другой, более сложный, но верный вариант - разобраться с файлом настроек. Чтобы открыть его, перейдите в меню "Preferences" -> "Settings". И вот, перед вами не что иное, как громада текста. Но не все так сложно, как кажется! Слева - настройки по умолчанию, их трогать не надо. Их можно взять за пример. А вот справа нужно разместить свои настройки - взять, скопировать нужную строку и поменять ее значение. Основные настройки:
- "color_scheme" - цветовая тема. Можно выбрать из существующих, а можно скачать в папку Packages/Color Scheme - Default/.
- "font_face" - шрифт текста. Важно, чтобы он был в системе. Чтобы посмотреть список доступных шрифтов, откройте любой текстовый редактор, к примеру, Lible Office Writer.
- "font_size" - размер шрифта, устанавливающийся дробным или целочисленным значением.
- "font_options" - дополнительные опции шрифта типа "no_bold", "no_italic".
- "word_separators" - разделители слов.
- "line_numbers" - настройка нумерации строк.
- "gutter" - отображать ли "канавку" (в ней располагаются номера строк и закладки).
- "margin" - длина отступа от "канавки".
- "fold_buttons" - если навести курсор на "канавку", то будут видны треугольные стрелки, позволяющие скрыть или показать фрагмент кода между фигурными скобками. Их тут можно отключить или включить.
- "fade_fold_buttons" - если поставить значение false, то треугольные кнопки не будут скрываться.
Вот пример действия настроек (не забудьте сохранить файл):
Вы можете поэкспериментировать здесь сами. А мы идем дальше.
2. Настройка сочетаний клавиш
Да-да, вы не ослышались! Любой может настроить сочетания по-своему, присвоив им другие значения. Чтобы открыть файл, перейдите в "Preferences" -> "Key Bindings".
Перед нами снова два файла, один из которых - настройки по умолчанию, а другой - ваши персональные настройки. Чтобы поменять сочетание, необходимо скопировать одну или несколько строк, заключенных между фигурными скобками. Вот пример моего файла:
Конечно, это ничего не меняет (это сочетание клавиш для закрытия любого приложения), однако данный файл является лишь примером.
Ну вот и все, Sublime Text стал таким, каким он вам нужен и вы знаете как настроить Sublime Text 3. А сейчас пора двигаться дальше - к установке плагинов.
3. Установка Package Control
Как уже говорилось ранее, редактор имеет возможность добавления плагинов, будь то собственные или скачанные с сайта разработчика. Однако, несмотря ни на что, установка плагинов вручную не очень удобна, и поэтому нужно скачать и установить дополнительный компонент.
Package Control - предназначен для более быстрой и удобной установки плагинов. Он позволяет устанавливать их через визуализированный интерфейс, а не через код.
Для начала установим Package Control с официального сайта. Это не значит, что мы его будем скачивать!
- Скопируем текст из соответствующего текстового поля (в зависимости от версии Sublime Text).
- С помощью сочетания клавиш "Ctrl +
Package Control установлен! Теперь пора разобраться с тем, как им пользоваться.
4. Работа с плагинами в Package Control
Чтобы запустить Package Control, необходимо набрать сочетание клавиш "Ctrl + Shift + P" и из списка выбрать элемент Package Control: Install Package.
И перед нами долгожданная установка плагинов! Теперь есть возможность быстрого их поиска и выбора, а если выбрать другие команды для Package Control, то можно и удалять, и изменять элементы редактора. Теперь надо потренироваться на установке. Уставноим Material Theme и выполним настройки темы sublime text 3.
- Запускаем установщик плагинов.
- Набираем в поле поиска Material Theme.
- Нажимаем и ждем, внизу должна появиться надпись "Installing package Material Theme". В процессе установки будет запрошено добавление еще одного плагина, разрешаем.
Чтобы применить тему, необходимо перейти в меню "Preferences" -> "Color Scheme" -> "Material Theme" -> "schemes", а далее - тема, которая вам больше всего понравится.
"theme": "Material-Theme.sublime-theme",
"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",
"overlay_scroll_bars": "enabled",
"line_padding_top": 3,
"line_padding_bottom": 3,
// On retina Mac
"font_options": [ "gray_antialias" ],
"always_show_minimap_viewport": true,
"bold_folder_labels": true,
// Highlight active indent
"indent_guide_options": [ "draw_normal", "draw_active" ]
Вид редактора после применения к нему темы:
Неплохо, да? Настройка Sublime Text 3 почти завершена. А сейчас пора установить что-нибудь более существенное. Давайте ознакомимся с самыми популярными плагинами для Sublime Text.
Топ 5 плагинов для Sublime Text 3
1. Emmet
Emmet - плагин, позволяющий сделать отображение кода более удобным. Здесь используются сочетания клавиш. К примеру, "html + tab" создает каркас документа, а "div.wrapper + tab" превратится в полноценный код:
2. JavaScript & NodeJS Snippets
Этот плагин представляет собой коллекцию сокращений снипсетов для JavaScript. Длина набираемого текста с помощью подсказок правда уменьшается! К примеру, вместо набора "document.querySelector('selector’);" можно просто набрать "qs + Tab".
3. Advanced New File
Зачем искать место для нового файла в неудобном дереве каталога? Данный плагин позволит быстро и эффекстивно ввести нужные данные, и файл будет создан буквально за пару нажатий клавиш!
4. Git
Название этого плагина говорит само за себя: вы сможете выполнять все необходимые действия в рамках Git'а, не выходя из редактора!
5. GitGutter
Этот плагин позволит пользователю не только обращаться с обычными командами Git, но и работать с изменением версий: отлавливать их, просматривать, сравнивать - и все в режиме реального времени.
Выводы
Как писать код - дело каждого. Но есть удобные вещи, которые доступны всем, и нет смысла от них отказываться! Такие редакторы, как Sublime Text, особенно важны веб-разработчикам. А пока вы можете настроить редактор под себя сами - пусть это станет ВАШ собственный Sublime Text, в который вы вложили частичку собственной души. Удачи!
Sublime Text 3 – это текстовый редактор, разработанный для верстальщиков и программистов. Он позволяет работать с кодом разных языков программирования: от Erlang до C++. Свою популярность он получил благодаря кроссплатформенной поддержке и расширенным настройкам, которые позволяют пользователю легко «играть» с параметрами программы. Вариаций довольно много – можно изменить и внешний вид, и дополнить функционал с помощью различных плагинов.
Что еще есть в Sublime Text 3 и как со всем этим работать – поговорим в сегодняшней статье.
Инструменты Sublime Text 3
Текстовый редактор Sublime обладает большим функционалом, который упрощает написание кода и его компиляцию. Из особенностей выделяют следующее:
- Goto Anything – удобная функция, позволяющая быстро получить доступ к нужным файлам.
- Сопоставление скобок – позволяет быстро определить неправильное сопоставление. Редактор напрямую выделяет соответствующие наборы скобок.
- Множественное выделение – полезная функция, позволяющая быстро изменять код в нескольких местах.
- Мощный Python API, благодаря которому Sublime обходит многих конкурентов. Он дает возможность достигать высокой производительности за счет дополнительных плагинов.
- Раздельное редактирование – благодаря этой функции можно разделять окно на несколько столбцов, например, один назначить под HTML, другой – под CSS, третий – под JavaScript.
- Сочетание клавиш – позволяет присваивать комбинацию клавиш к различным функциям.
Настройка Sublime Text 3
Первым делом рассмотрим настройки внешнего вида, а затем перейдем к горячим клавишам и установке плагинов.
Изменяем внешний вид
По умолчанию Sublime поставляется с черной темой, которая подойдет каждому, но если нужны изменения, то никто не запрещает их сделать.
На этом настройки не ограничиваются – мы также можем изменить шрифт текста и его размер, добавить новые темы и многое другое.
Сделать это можно через «Preferences» -> «Settings». Слева находятся значения по умолчанию – их менять не нужно. А вот справа расположены пользовательские настройки, которые можно изменять и дополнять.
- "color_scheme" – здесь прописывается цветовая тема (можно выбрать из существующих и добавить собственную);
- "font_face" – позволяет изменить шрифт текста на любой, что есть в системе;
- "font_size" – предназначена для увеличения или уменьшения размера текста;
- "font_options" – устанавливает/удаляет жирность или курсив текста;
- "word_separators" – разделители слов;
- "line_numbers" – настройка нумерации слов;
- "gutter" – включает или отключает отображение номеров строк и закладок («канавка»);
- "margin" – настраивает отступ от «канавки»;
- "fold_buttons" – позволяет отключить треугольные стрелки, отображаемые в «канавке».
Например, мы можем установить следующие значения:
Для сохранения изменений не забудьте воспользоваться комбинацией клавиш «CTRL+S».
Настраиваем горячие клавиши
Мы привыкли использовать комбинации клавиш, чтобы скопировать, вставить или выделить весь текст. В Sublime Text можно установить свои пользовательские комбинации.
Например, нам нужно, чтобы комбинация «CTRL+C» не копировала текст, а вырезала его. Для этого необходимо перейти в «Preferences» -> «Key Bindings».
Затем в правом столбце нужно прописать нужную комбинацию клавиш и указать ей значение «cut». В конце сохранияемся комбинацией клавиш «CTRL+S».
Аналогичным образом вы можете изменять другие комбинации либо добавлять собственные.
Русифицируем Sublime Text с помощью плагина
Как мы уже говорили ранее, основная фишка Sublime – плагины, с помощью которых можно менять функционал программы. Для их установки используется дополнительная утилита Package Control, которая позволяет находить и инсталлировать разные плагины.
Для примера давайте русифицируем программу с помощью плагина LocalizedMenu:
- Открываем Sublime Text и используем комбинацию клавиш «CTRL+SHIFT+P». В отобразившемся окне вводим «Package Control: Install Package» и кликаем по первому запросу.
- В результате перед нами отобразится новое поисковое окно, через которое можно найти различные плагины. В нашем случае нас интересует «LocalizedMenu» – вводим запрос и устанавливаем расширение.
- После установки плагина ничего не поменяется, так как плагин не русифицирует программу, а предлагает различные варианты ее перевода. Чтобы установить русский язык, перейдем в «Preferences» -> «Languages» -> «Русский».
Вот такими несложными действиями у нас получилось установить один из тысячи плагинов. Вы можете добавлять любые расширения, которые есть в пакете Sublime.
Разделяем экран
Еще одна интересная функция, о которой я уже говорил – разделитель экрана. Ей часто пользуются веб-разработчики для удобства перемещения между HTML и CSS. Активировать ее можно следующим образом:
На этом настройка Sublime Text завершена – теперь вы можете использовать программу в полной мере. Чтобы вам было еще проще, ниже я рассмотрю некоторые плагины, которые заметно упрощают работу с кодом.
Популярные плагины для Sublime Text 3
Emmet
Emmet – одно из лучших решений для тех, кто хочет быстро верстать сайты или писать код. Плагин позволяет дописывать код при его введении. Например, если в HTML-файле прописать букву «t» и нажать после этого на клавишу «TAB», то появится тег:
JavaScript & NodeJS Snippets
Аналогичен предыдущему плагину – с его помощью можно дописывать JavaScript-код. Например, если набрать «qs+TAB», то в результате набранный текст преобразится в код:
Abvanced New File
Позволяет создавать файлы, не выходя из программы – достаточно запустить плагин, прописать путь и название файла.
Если вы работаете с Git, то данный плагин будет вам попросту необходим. С его помощью можно выполнять все необходимые взаимодействия с Git внутри программы.
GitGutter
Еще один плагин для Git, с помощью которого можно не просто работать с основными командами, но и обращаться к измененным версиям.
Заключение
Сегодня мы настроили Sublime Text 3 и убедились, что в этом нет ничего сложного, так как программа адаптирована под начинающих пользователей.
Интерфейс Sublime Text (версия 3.2.2)
Этот инструмент отлично подходит как профессиональным программистам и веб-разработчикам, так и новичкам. Программа разработана, в первую очередь, для работы с Python, в то же время предусмотрена поддержка и многих других языков программирования.
Скачайте бесплатно последнюю версию Sublime Text на нашем сайте по прямой ссылке. Редактор кода имеет встроенную поддержку русского языка и работает с Windows 10, 8, 7, Vista, XP. Мы описали некоторые базовые функции программы ниже, а также составили инструкцию по установке.
Возможности программы
Интерфейс
Подсветка синтаксиса — это первое, на что обращают внимание большинство пользователей. По умолчанию редактор поддерживает большое количество языков, а на выбор представлено более двадцати вариантов подсветки.
Подсветка синтаксиса
Внимания заслуживает полноэкранный режим, где рабочее пространство может занимать всю площадь экрана — это удобно, когда нужно, чтобы во время работы ничего не отвлекало. Уникальная особенность — миникарта, где в колонке умещается несколько экранов, между которыми можно переключаться, работая одновременно с парой документов.
Вкладочный интерфейс
Удобно в редакторе реализована функция мультипанелей, благодаря которым работать можно одновременно с несколькими документами в одном окне — во многих случаях это лучше, чем работа с независимыми окнами.
Еще одна особенность — подсветка парных скобок. Здесь нужно только установить курсор внутри сложной функции, и автоматически будут подсвечены парные скобки.
Настройки редактора
Редактирование кода
Начать работу с редактором довольно просто, здесь, в отличие от многих профессиональных, доступ ко всем опциям возможен с помощью вызова контекстного меню. Кроме того, нет необходимости изучать различные режимы, как во многих аналогах. Все сочетания клавиш легко выучить в процессе работы. Редактор можно назвать идеальным для начинающих программистов.
Палитра команд
Со временем в любой момент можно перейти на полноценную IDE. Бонусом станет то, что плагины для Sublime Text пишутся на Python, а это значит, что для их написания не придется изучать другой язык программирования.
Самое главное в любом редакторе — это инструменты для работы с кодом и текстом. В этом плане Sublime Text действительно может похвастаться широкими возможностями. В редакторе предусмотрена функция автозавершения кода — если ввести часть известной функции, Sublime Text ее дополнит.
Автозавершение кода
С помощью макросов можно записывать и воспроизводить потом различные действия, например, ввод текста, копирование или вставка. Функция поиска и замены позволяет искать как по всему документу, так и только по выделенной части.
Поиск и замена
Инструменты
- Проекты — есть возможность объединить несколько файлов в один проект и применять к ним одновременно одинаковые операции;
- Удобная навигация — в правой части окна отображается структура кода в миниатюре, где можно быстро перемещаться по документу;
- Палитра команд — этот инструмент позволит повысить продуктивность, так как самые необходимые команды можно запускать из палитры;
- Мультивыделение — функция обеспечивает возможность выделять одновременно несколько разных блоков;
- Горячие клавиши — в настройках программы можно заменить установленные по умолчанию сочетания клавиш на любые другие.
Плагины
Благодаря поддержке плагинов можно существенно расширить функционал приложения и упростить работу с ним. Например, используя дополнительные плагины, легко создавать готовые каркасы для HTML, искать проблемы в коде, добавлять подсветку синтаксиса для других языков программирования.
Есть плагины, с помощью которых можно сравнивать разные документы, добавлять в панель инструментов кнопку «открыть в браузере», генерировать для HTML таблицы, списки и другие формы.
Плюсы и минусы
Преимущества
Программа отличается от многих редакторов понятным и удобным интерфейсом, который не требует времени на изучение. К другим преимуществам следует отнести:
- Бесплатное распространение;
- Автоматический перенос слов и строк по заданной ширине;
- Возможность настраивать отступы;
- Гибкая настройка шрифтов и подсветки;
- Полностью настраиваемый интерфейс;
- Поддержка большого числа языков программирования;
- Удобство использования (для опытных пользователей).
Недостатки
Несмотря на все свои достоинства, программа не может стать заменой полноценной IDE.
- Нет встроенной консоли;
- Есть проблемы с обратной совместимостью;
- Не поддерживает русский язык.
Скачайте Sublime Text бесплатно с помощью MultiSetup или по прямой ссылке.
Горячие клавиши
| Клавиши | Действия |
|---|---|
| Ctrl + l | Выделить строку |
| Ctrl + Shift + M | Выделить текст между двумя парными скобками |
| Ctrl + Shift + A | Выделить текст между двумя парными тегами |
| Ctrl + Shift + J | Выделить текст с соответствующим отступом |
| Ctrl + Shift + Space | Выделить по контексту |
| Ctrl + Shift + Left | Выделить слово слева |
| Ctrl + Shift + Right | Выделить слово справа |
| Ctrl + A | Выделить весь текст |
| Ctrl + Shift + Up | Переместить выделенные строки вверх |
| Ctrl + Shift + Down | Переместить выделенные строки вниз |
| Сtrl + Shift + D | Дублировать строку |
| Ctrl + Shift + K | Удалить строку |
| Ctrl + J | Объединить выделенные строки |
| Alt + Q | Объединить строки в параграфе |
| Ctrl + Enter | Добавить пустую строку под курсором |
| Ctrl + Shift + Enter | Добавить пустую строку над курсором |
| Ctrl + / | Добавить или убрать однострочный комментарий |
| Ctrl + Shift + / | Добавить или убрать блочный комментарий |
| F9 | Отсортировать строки в алфавитном порядке |
| Ctrl + F9 | Отсортировать строки в алфавитном порядке с учетом регистра |
| Ctrl + K, Ctrl + L | Трансформировать выделенный текст в нижний регистр |
| Сtrl + K, Ctrl + U | Трансформировать выделенный текст в верхний регистр |
| Alt + . | Закрыть незакрытый тег |
| Alt + Shift + W | Обернуть тегом выделенный текст |
| Ctrl + C | Копировать |
| Ctrl + V | Вставить |
| Ctrl + Shift + V | Вставить с отступом |
| Ctrl + X | Вырезать |
| Ctrl + Z | Отмена последнего действия |
| Ctrl + Shift + Z | Повторить последнее отмененное действие |
Установка на компьютер
Для установки Sublime Text вам понадобится скачать установочный файл с нашего сайта. Далее запустить его и следовать дальнейшей инструкции.
Путь установки
1. Выберите путь (каталог) установки редактора и нажмите «Next >».
Настройки установки
2. Опциональные настройки установки, выберите добавлять ли ярлык в контекстное меню Windows и на рабочий стол.
Начало установки
3. Все готово к инсталляции программы. Нажмите «Install».
Копирование файлов
4. Процесс копирования файлов программы и прочие инсталляционные действия. Просто немного подождите…
Завершение установки
Читайте также: