Настройка 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" советую посмотреть наше видео на эту тему:

Хочешь научиться создавать сайты? Изучи все на практике, с помощью интерактивных курсов у нас на проекте. Регистрация - Войти - Наши курсы. Задавайте вопросы в комментариях!