25.01.2020
2450
Настройка sublime text 3 для верстки сайтов 2020

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

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