htmllessons.ru
02.06.2018
2019
Редактор Sublime Text
Сегодня мы рассмотрим, лучший, по нашему мнению, редактор кода на 2018 год. Давайте разберем, какой редактор можно назвать лучшим редактором. Мне кажется редактор должен быть удобным, легким и функциональным. В редакторе Sublime Text 3, все это есть, он имеет очень тонкие настройки, если в них углубиться, то можно полностью как угодно настроить его под себя, сегодня мы покажем, как это делается, начнем с плагинов, которые будем устанавливать.
Плагины для редактора Sublime Text
Начнём с того, что для установки любых пакетов, нам нужен Package Control. Раньше было трудновато его установить, но сейчас это не составляет какого-либо труда, нажимаем сочетание клавиш ctrl + shift + p. Открывается такое окно:
Далее прописываем в нем слово install и там будет install package вот это мы и выбираем, чтобы выбрать можно нажать enter. Теперь у нас есть главный модуль Package Control, можно приступать к установке плагинов их не так трудно установить, но как пример мы опишем как это делается. И так открываем опять данное окно по комбинации клавиш ctrl + shift + p, после этого пишем опять Install Package, выбираем этот пункт меню и далее нам откроется вот это список:
Тут находятся все плагины для редактора Sublime Text 3. Пишем название плагина и нажимаем enter. После этого начнется установка. Ничего трудного, для удаления плагинов пишем вместо Install Package - Remove Package. Вот список самых нужных и обязательных плагинов для редактора Sublime Text 3.
- ColorPicker - Выбор цвета палитра
- One Dark Material - Как по мне лучшая тема для Sublime Text
- Emmet - Быстрое написание кода, о нем в отдельной статье
- Sass - включение синтаксиса Sass документов
- Color Highlighter - Подсветка цветов в коде
- AutoFileName - Авто подстановка имя файлов
- HTML-CSS-JS Prettify - Форматирование кода
Темы для редактора ST 3
Тем для редактора не так много, но без них никуда, теперь рассмотрим мою любимую тему, это One Dark Material. Вот так она выглядит:
И так после установки всего этого теперь требуется настройка под себя, это мы будем делать через код, для этого в меню выбираем preferences > settings. Чтобы вам не париться в настройках, мы вам предлагаем наш сетап настроек для редактора кода Sublime Text 3.
{
"auto_complete": true,
"bold_folder_labels": true,
"color_scheme": "Packages/User/SublimeLinter/OneDark (SL).tmTheme",
"fold_buttons": false,
"font_size": 13,
"highlight_line": true,
"ignored_packages":
[
"Vintage"
],
"indent_guide_options":
[
"draw_normal",
"draw_active"
],
"line_padding_bottom": 2,
"line_padding_top": 2,
"margin": 2,
"material_theme_compact_panel": true,
"material_theme_compact_sidebar": true,
"material_theme_small_statusbar": true,
"material_theme_small_tab": true,
"show_definitions": false,
"tab_size": 2,
"theme": "OneDarkMaterial.sublime-theme",
"word_wrap": true
}
Итог
Теперь у тебя есть готовый редактор, можешь начинать верстать сайты!
Напиши в комментариях, какой редактор ты используешь?
Хочешь научиться создавать сайты? Изучи все на практике, с помощью интерактивных курсов у нас на проекте. Регистрация - Войти - Наши курсы. Задавайте вопросы в комментариях!