Как изменить тему в Sublime Text 3
При разработке кода важно, чтобы среда разработки соответствовала вашим личным предпочтениям. Есть много мелких деталей, которые важны для того, чтобы ваш текстовый редактор выглядел правильно, от автозаполнения до ширины отступа вашего кода.
Одна из вещей, которая может сделать вашу среду разработки подходящей вам, — это тема вашего текстового редактора. Некоторые разработчики предпочтут упрощенный черно-белый интерфейс, другие — более красочный интерфейс или более темную тему.
Sublime Text 3 имеет ряд предустановленных тем, которые можно включить, нажав «Настройки» на верхней панели, а затем «Цветовая схема».
Нажмите «Настройки» на верхней панели, затем нажмите «Цветовая схема».
Затем в верхней части окна появится поле с несколькими вариантами. Мариана использует синий фон, чтобы обеспечить красочный вариант, в то время как Monokai обеспечивает темный фон. Breakers, Celeste и Sixteen — все относительно похожие темы белого фона, основное различие между ними — это цвета, используемые функцией выделения синтаксиса.
Выберите одну из предустановленных цветовых схем.
Нажав на «Тема» в том же меню, что и «Цветовая схема», вы можете выбрать одну из двух тем. Между ними есть лишь очень незначительные цветовые различия, при этом тема «Адаптивная» немного темнее, чем тема «По умолчанию».
Цветовые схемы Sublime Text 3 настраиваются с помощью текстовых файлов; вы можете сделать свои собственные или загрузить готовые из Интернета. Вы можете найти список тем для Sublime Text 3 здесь . Чтобы использовать их, вы можете установить плагин «Colorsublime» или сохранить цветовые схемы вручную.
Чтобы сохранить тему вручную, снова нажмите «Настройки», затем нажмите верхнюю опцию «Обзор пакетов». Это откроет окно проводника в правильном каталоге. В этом каталоге создайте новую папку и дайте ей имя. Теперь загрузите и сохраните пользовательские цветовые схемы, которые вы хотите использовать, в своей новой папке. Вам даже не нужно перезапускать Sublime text, чтобы новая цветовая схема была доступна через то же меню цветовой схемы, описанное выше.
Создайте новую папку в соответствующем каталоге и сохраните в ней свою настраиваемую тему, чтобы сделать ее доступной через меню «Цветовая схема».
Как поменять тему в Sublime Text 3?
Если вас смущают ярко-розовые HTML-тэги в цветовой схеме Монокаи, то, как сказал FODD, идите в Preferences -> Color Scheme, там по умолчанию будет выпадать список из пяти предустановленных цветовых схем. Их и выбираете.
А в %Program_ files%\Sublime Text 3\Packages\Color Scheme — Default.sublime-package лучше не лезть.
preferences -> themes -> *выбираете тему*
для цветовой схемы — вместо themes — color scheme .
советую solarized
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.8.2.43556
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Как настроить Sublime Text 3
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» и выбираем «Color Scheme…».
- В результате перед нам отобразится дополнительное меню с предустановленными вариациями. Например, возьмем цветовую схему «Mariana».
На этом настройки не ограничиваются – мы также можем изменить шрифт текста и его размер, добавить новые темы и многое другое.
Сделать это можно через «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. Активировать ее можно следующим образом:
- Переходим в «Вид» -> «Разделение экрана». Перед нами отобразится несколько вариантов разделения экрана, для примера разорвем страницу на 2 столбца.
- В итоге получим следующее:
- В каждом столбце мы также можем добавлять несколько вкладок:
На этом настройка 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 и убедились, что в этом нет ничего сложного, так как программа адаптирована под начинающих пользователей.
How to change background and text colors in Sublime Text 3
I read this answer — Sublime 2 -changing background color based on file type? — for Sublime 2, but I’m using Sublime 3 (currently in beta), and there is no «Color Scheme — Default» in the Package folder.
7 Answers 7
For How do I change the overall colors (background and font)?
For MAC : goto Sublime text -> Preferences -> color scheme
- Go to the preferences
- Click on color scheme
- Choose your color scheme
- I chose plastic , for my case.
The steps I followed:
- Preferences
- Browse Packages.
- Go into the User folder (equivalent to going to %AppData%\Sublime Text 3\Packages\User )
- Make a new text file in this folder called Default.sublime-theme
- Add JSON styles here — for a template, check out https://gist.github.com/MrDrews/5434948
I had the same issue. Sublime3 no longer shows all of the installed packages when you choose Show Packages from the Preferences Menu.
To customise a colour scheme do the following (UNIX):
- Locate your SublimeText packages directory under the directory which SublimeText is installed in (in my setup this was /opt/sublime/Packages)
- Open «Color Scheme — Default.sublime-package»
- Choose the colour scheme which is closest to your requirements and copy it
- From Sublime Text choose Preferences — Browse Packages — User
- Paste the colour scheme you copied earlier here and rename it. It should now show up on your «Preferences — Color Scheme» menu under «User»
- Follow the instructions at the link you previously mentioned to make the changes you require (Sublime 2 -changing background color based on file type?)
— EDIT —
For Mac OS X the themes are stored in zipped files so although the preferences file shows them as being in Packages/Color Scheme — Default/ they don’t appear in that directory unless you extract them.
- They can be extracted using the Package Resource Viewer (See this answer for how to install and use the Package Resource Viewer).
- Search for Color Scheme in the Package Extractor (should give options for Color Scheme Default and Color Scheme legacy)
- Extract the one you want. It will now be available at users/UserName/Library/Application Support/Sublime Text 3/Packages/Color Scheme — Default (or Legacy)
- Make a copy of the scheme you want to modify, edit as needed and save it
- Add or change the line in user preferences which points to the color scheme
To view Theme files for ST3, install PackageResourceViewer via PackageControl.
Then, you can use the Ctrl + Shift + P >> PackageResourceViewer: Open Resource to view theme files.
To edit a specific background color, you need to create a new file in your user packages folder Packages/User/SublimeLinter with the same name as the theme currently applied to your sublime text file.
However, if your theme is a 3rd party theme package installed via package control, you can edit the hex value in that file directly, under background. For example:
Otherwise, if you are trying to modify a native sublime theme, add the following to the new file you create (named the same as the native theme, such as Monokai.sublime-color-scheme ) with your color choice
Then, you can open the file you wish the syntax / color to be applied to and then go to Syntax-Specific settings (under Preferences) and add the path of the file to the syntax specific settings file like so:
Note that if you have installed a theme via package control, it probably has the .tmTheme file extension.
If you are wanting to edit the background color of the sidebar to be darker, go to Preferences > Theme > Adaptive.sublime-theme
This my answer based on my personal experience and info gleaned from the accepted answer on this page, if you’d like more information.