htmllessons.ru

Настройка sublime text 3 для верстки сайтов 2020
В данной статье мы разберем актуальную и удобную настройку самого лучшего редактора кода Sublime Text 3. В этом тексте не будет много слов, тут будет сжатый код и описание плагинов. После установки которых, Вы увидите совсем новый редактор - который будет радовать Вас при каждом открытии и будет максимально практичен.
Список плагинов:
*Для установки плагинов потребуется Package Control, откройте Sublime Text 3 -> Нажмите ctrl + shift + p -> Введите 'inst' -> В выпадающем меню выберите 'Install Package'.
После этого, с помощью этих же горячих клавиш выполнять установку плагинов.
- AdvancedNewFile - Удобное создание нового файла
- All Autocomplete - Подсказка классов в CSS исходя из открытых файлов html
- AutoFileName - Подсказка названия файла при вводе пути
- Color Highlighter - Подсветка текущим цветом код цвета в CSS
- ColorPicker - Удобный пикер)
- Emmet - Не требует объяснений
- JavaScript & NodeJS Snippets - Удобные подскази и поддержка NodeJS
- Sass - Поддержка препроцессора Sass
- Theme One Dark или Theme Gravity
После установки всех плагинов, вставьте данный код в файл настроек.
Чтобы открыть файл настроек в верхнем меню Sublime Text 3 выберите 'Preferences' -> 'Settings'.
{
"auto_complete": true,
"bold_folder_labels": true,
"color_scheme": "Packages/Theme - Gravity/Monokai Gravity v2.sublime-color-scheme",
"fold_buttons": false,
"font_face": "Fira Code",
"font_size": 12,
"gravity_tab_font_small": true,
"gravity_tab_height_short": true,
"highlight_line": true,
"ignored_packages":
[
"Vintage"
],
"indent_guide_options":
[
"draw_normal",
"draw_active"
],
"line_padding_bottom": 2,
"line_padding_top": 2,
"margin": 2,
"show_definitions": true,
"tab_size": 2,
"theme": "Gravity.sublime-theme",
"word_wrap": true
}
Большое спасибо за переход на наш проект. Если понравилось подпишись на наш канал и начни обучение на htmllessons.ru.
Чтобы более подробно разобраться в данной теме "Настройка sublime text 3 для верстки сайтов 2020" советую посмотреть наше видео на эту тему:
Хочешь научиться создавать сайты? Изучи все на практике, с помощью интерактивных курсов у нас на проекте. Регистрация - Войти - Наши курсы. Задавайте вопросы в комментариях!