htmllessons.ru

Редактор 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
}
Итог
Теперь у тебя есть готовый редактор, можешь начинать верстать сайты!
Напиши в комментариях, какой редактор ты используешь?
Хочешь научиться создавать сайты? Изучи все на практике, с помощью интерактивных курсов у нас на проекте. Регистрация - Войти - Наши курсы. Задавайте вопросы в комментариях!