Sublime Text 3 настройка установка плагины // Sublime Text 3 видео обучение // Фрилансер по жизни
Вставка
- Опубліковано 26 чер 2024
- Установка и настройка Sublime Text 3. Обучение Sublime text 3 по установке тем и плагинов. Sublime text 3 видео снято как пошаговое руководство с нуля. Package control установка. Установка и настройка плагина Emmet, а так же BracketHighliter, ColorHighliter, Goto CSS Declaration и Tag. Быстрый удобный и полностью настраиваемый Sublime Text 3 установка и настройка которого поможет нам работать комфортнее и быстрее. Ну что ж от слов к делу!
Содерждание:
0:00 - Вступление
0:42 - Установка
2:00 - Настройка внешнего вида
15:04 - Плагины
Ссылки из видео:
Сайт программы - sublimetext.com/
Сайт с дополнениями - packagecontrol.io/
Раздел с цветовыми схемами - packagecontrol.io/browse/labe...
Сайт Emmet - emmet.io/
Плагин Tag - fls.guru/files/Tag.zip
Копировать настройки и горячие клавиши - fls.guru/sublime.html
Путь для расспаковки плагина (Win 10) - C:\Users\ Твое имя пользователя \AppData\Roaming\Sublime Text 3\Packages
🔴 VS Code настройка установка плагины: • VS Code настройка уста...
🔴 БЕСПЛАТНЫЙ курс по верстке сайтов (Уроки HTML CSS JS):
• БЕСПЛАТНЫЙ курс по вер...
Цветовая схема: Base16 Color Scheme
Плагины: AutoFileName, BracketHighliter, ColorHighliter, Emmet, Goto-CSS-Declaration, Tag
Подсветка синтаксиса: SCSS
🔴 Получить доступ к плюшкам + поддержать канал: / freelancerlifestyle
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
🔴 Instagram: / freelancer.lifestyle
👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: / freelancerl. .
🤟 Живи, а работай в свободное время! ©
![Прототип лендинга / сайта - как сделать. Инструкция [2024]](http://i.ytimg.com/vi/hmBsaOgGd1Q/mqdefault.jpg)
Хочу быть ближе к своим зрителям! Подписывайся на профили «Фрилансер по жизни» в соц. сетях:
Instagram: instagram.com/freelancer.lifestyle
Telegram канал: t.me/freelancer_lifestyle
Facebook: facebook.com/freelancerlifestyle
я там не сижу, в телег подпишусь бро
Ага, есть и чатик Чат - Фрилансер по жизни
Чат канала "Фрилансер по жизни". Тут можно обсуджать уроки по верстке и помогать друг другу.
t.me/flschat
Супер. Ты просто офигенно крут.
Здравствуйте, скажите пожалуйста, почему у меня в пути AppData\Roaming нет папки Sublime Text 3?
Там есть Live Reload, а вот ST3 нет ..
@@user-ii1nr1pi4u видимо программа установлена в другом месте)
попробуйте посмотреть в С;\program files или просто в поиске по диску поискать папку Subline а уже в ней папку с плагинами
Это один из лучших гайдов, что я когда-либо видел. Ты огромный молодец! Спасибо.
Спасибо! Стараюсь :)
Соглашусь?
@Ambitious plan Присоединяюсь к Вам
@@FreelancerLifeStyle а эти проги есть русифицированные? Нихераж непонятно(( но интересно
"margin": 0,//Убирает отступы
"font_size": 10,//Размер шрифта по умолчанию
"draw_indent_guides": false,//Убирает направляющие линии
"draw_white_space": "all",//Отображает непечатаемые символы
"remeber_open_files": true,//Помнит открытые ранее файлы
"tab_size": 3,//Размер табуляции
"trim_trailling_white_space_on_save": false,//Отключает самодеятельность программы
"word_wrap" : true, // запрещает перенос строки
ето уже ест всё в меню
remember*
Спасибо, что ускоряешь обучение и экономишь годы жизни!
Пожалуйста!
Замечательно преподнесена информация - легко, доступно, подробно! Огромная благодарность Вам!!!
Подробно и доходчиво. Как раз то, что нужно для новичка, как я 😉👍
Спасибо! Старался!
Спасибо за Ваш труд! Всё понятно и по полочкам.
Вы слишком харош!!! Большое Вам спасибо! Единственные уроки по IT которые слушаешь, учишся и наслаждаешся!!!!
Восхитительная подача материала для новичка!!!!! Огромное СПАСИБО!!!!!
Не думаю, что скажу что то новое, но ты нереально крут! И огромное тебе спасибо за качественный и невероятно полезный контент. Объяснить так доходчиво и понятно это талант. Благодаря тебе я до сих пор не потерял мотивацию заниматься тем, что мне нравится. Ещё раз спасибо!
Если кому интересно, как изменить язык самого приложения на русский:
ctrl+shift+p -> Package Control: Install Package -> LocalizedMenu . После установки, перезагрузить приложение и зайти в Preferences -> Languages -> и выбираем русский язык.
p.s. отличное видео, и вообще каждое видео которое смотрю понятное, и стоит внимания.
Спасибо
Как сбросить по умолчанию я испортил всё
просто поменяй обратно на английский@@Jonibe-jw9g
Я в восторге! Мрачная, на первый взгляд, программка - в ваших руках стала просто конфеткой! Спасибо!
Спасибо тебе Жека, получаю удовольствие от процесса обучения с тобой !!!
Спасибо большое за это супер-полезное видео! До урока о флекс-боксах думала что справлюсь без настройки Sublime, но как только приступила к практике... копирование названий классов с помощью клавиш, это действительно пушка!
Спасибо большое Вам за такой подробный но и не размазанный курс!!!
Большое спасибо за настройку Sublime! Долгое время пользовался редактором без каких-либо плагинов и теперь почувствовал разницу в удобстве после настройки :) Единственное, что для подсветки кода цвета поставил плагин "Color Highlight" - разница в том, что окрашивается не сам код цвета, а фон кода и появляется цветовая метка на поле строчной нумерации. Как я считаю, так намного нагляднее. Ещё раз спасибо!
Браво! В конце ролика фраза и музыкальное сопровождение - супер!
Огромное спасибо за данный ролик! Все по порядку доступно и понятно. Для новичка как я это мега полезная информация, без воды и растягивания ролика. Спасибо)
Пожалуйста!
Лучшее описание ST! Спасибо за Ваш труд!
Пожалуйста!
Мега полезное видео. Классный контент, у вас талант преподавателя.
Спасибо!
Женя, мне-то за что спасибо?! Мой просмотр и отзыв не сравним с проделанной вами работой.
Жека, спасибо ОГРОМНОЕ! Очень крутая подача, все четко и без воды. Годный видос!
Действительно ты очень понятно и постепенно объясняешь. Так и хочется сесть и начать заниматься. очень мало просмотров за такой контент. Благодарю за проделанную работу.
Я только месяц как начал учится фронтенду, самостоятельно выбрал саблайм, но то как Ты все разложил по полкам! Тебе честь и хвала!
Спасибо!
Settings:
"draw_white_space": "all",//Отображает непечатаемые символы
"draw_indent_guides": false,//Убирает направляющие линии
"font_size": 10,//Размер шрифта по умолчанию
"margin": 0,//Убирает отступы
"tab_size": 2,//Размер табуляции
"theme": "ayu-mirage.sublime-theme",
"trim_trailling_white_space_on_save": false,//Отключает самодеятельность программы
"remeber_open_files": true,//Помнит открытые ранее файлы
Key bindings:
[
{
"keys": ["ctrl+1"], "command": "goto_css_declaration",
"args": {"goto":"next"}// Переход на style.css по нажатию ctrl+1 с index.html
},
{
"keys": ["ctrl+`"], "command": "tag_classes"// Копирует в html код в index.html css код из style.css
},
]
Ты забыл
"word_wrap" : false, // запрещает перенос строки
Спасибо большое, заметил после того как написал, но с кнопками помог
"trim_trai ll ing" там 1 L должна быть, а у тебя 2 LL!!!
Спасибо, чувак! Сэкономил кучу времени и нервов)))
У меня на это сочетание ctrl+` Алиса всплывает, и хз как отключить ее
Очень достойный гайд! Мне как нулевому программисту, очень помогло. Низкий поклон автору!
Если это было в начале пути канала,то я просто аплодирую стоя!
Благодарю за контент высокого качества и высокой доступности(лайк+подписка)
Жека. Приятно лицезреть профессиональную работу. От всей души благодарю за то, что ты делаешь. С меня обязательная подписка.
Спасибо!
5 минут посмотрел и сразу держи лайк только за цветовую схему.
Благодарю за видео очень информативно, коротко и то что нужно
Спасибо!
Просто великолепная работа! В одном видео я нашел ответы на все свои вопросы! Спасибо тебе!
Вообще супер. Очень очень полезный видос получился. Сначала было лень полчаса смотреть, а потом после увиденного это просто шок. Спасибо огромное 😍🔥
Жень, спасибо большое!Только твоими настройками пользуюсь. Всех благ тебе!
Пожалуйста!
Благодаря этому видео я сэкономлю сто пятьсот тысяч часов своей жизни!
После настройек внешнего вида мои глаза начали кайфовать спасибо вам большое
Женя, красавчик!
Отличный гайд!
Идеальное руководство по установке и настройке!
Респект!
Я рад!
Просто УВАЖУХА!!! Даже нечего и добавить.Спасибо!!!!!!!!!!!!!!!!!!
Пожалуйста!
Если бы был ещё плагин, который подсказывал при вводе атрибута формат его значений и их количество.
урок супер, описание тоже чёткое. спасибо!
Спасибо!
Огромное спасибо!!! Ты - Супер!!! Всё ясно, понятно и полезно! Начала учиться по твоим урокам, оч нравится. И теперь я установила и настроила Sublime!!! радости нет предела)))
шикарно!
Прекрасный материал, подача, очень интересно и информативно.👍🏻
Как же я благодарен за эту подборку плагов)!
Я это называю царским лайком)
Просто красавчик!!! Огромное спасибо за труд!!!
Пожалуйста!
Благодарю! По твоим гайдам уже почти весь html и css освоил вообще бесплатно.
Спасибо огромное. Очень помог. Теперь у меня гораздо больше желание программировать. Мои глаза попросили передать Вам огромную благодарность;)
Спасибо большое за крутой мастер класс!:) Отличная подача информации, спасибо, что делитесь своим опытом! Однозначно- лайк и подписка! Удачи Вам и миллион подписчиков!💕
Спасибо вам за инфо удачи во всех делах и счастья вашей семье
Спасибо!
Очень хороший редактор и видео-урок, автору большое спасибо !
Спасибо за видео, Женя, отличная подача очень полезного контента!
Гайд шикарен, просто всё понятно и доступно. Респект блогеру! :-) С удовольствием смотрел. Лайк тебе Бро)
Спасибос! 👍🤟
Спасибо за твои видео, начал изучать верстку как раз то что нужно 👍
Успехов тебе 👍
Спасибо!
Женя, спасибо огромное за уроки!
Гайд реально стоящий. На ютубе мало такого контента, спасибо))
да твой канал просто манна небесная! залип и смотрю взахлеб ;)
Спасибо! Я рад!
такой классный канал и ведущий! спасибо!!!
Спасибо!
Женя, спасибо огромное!!! Очень полезное видео. Всегда легче и быстее идти по пути обучения, когда кто-то показывает и подсказывает как и куда :) Лайк и успехов тебе во всём!!
Дякую за ваші відео уроки, дуже корисно, доступно і зрозуміло.
03:50 - Package Control
04:45 - Base16 Color Schemes
06:00 - Appearance Settings
06:32 --- Margin
06:57 --- Font Size
07:34 --- Draw ident guides
08:00 --- Draw white space
08:35 --- Remeber opened files
09:13 --- Tab size
09:35 --- Trim trailing white space on save
09:54 --- Word wrap
11:00 - Code window split
12:40 - Syntax highlighting
14:35 --- SCSS
15:23 - Auto File Name
16:43 - Bracket Highlighter
18:00 - Color Highlighter
18:55 - Emmet
23:49 - Go To Css Declaration
25:42 - Tag
Кто знает как быть с нынешней версией SCCS. Не могу его в поиске найти.
@@user-kq8fc3wr7o У вас неправильно написано. Правильно SCSS. Поэтому и найти не можете.
Ощущение, что вы мудрец в горах познавший дзен и делитесь небесной мудростью😂. Огромное спасибо, очень доходчиво объяснили и показали.
Я рад!
Надеюсь я не слишком поздно начал) Материалы замечательные) Спасибо Вам
Да, это пожалуй лучший guide по настройке Sublime Text.😇
жаль что нельзя поставить тысячу лайков, а только один.. на все видео этого замечательного человека. он даёт поистине ценную информацию
Спасибо!
Плагины:
Auto File Name
Bracket High lighter
Color High lighter
Goto CSS Declaration
Emmet
TAG
Хз почему но я немогу авто файл нейм скачать
Огромное спасибо! Настройки очень помогают в обучении!
Отличное видео. Подробное и грамотно преподнесённое. Молоток. Так держать.
Просто гений! Лайк поставил, очень годно, удивительно что так мало подписчиков пока что.
Спасибо! Это потому что мало народу знает, я новенький 😅 Буду рад репостам в соц сети и т.д.
Спасибо тебе за твой труд ✊🏼
Пожалуйста! 👍
Добрый вечер, Евгений ты очень крут!!! Все просто и доступно, не многие смогут так рассказать, огромное спасибо. Тебе удачи и всех благ)))
Это просто великолепно! Оххх как же не хватало то подобного!
Ты просто крутейший чувак на просторах Ютуба, который вещает об IT
Мало просмотров для такого уровня гайда.
И я так думаю, спасибо! Каналу месяц, надеюсь дальше больше будет. И гайдов в том числе :)
Я в последнее время часто натыкаюсь на такую ситуацию с самыми разными видео, но это обычная история. Это как с полезной пищей
Это узкая профессия)) не может быть много просмотров
@@nevsky7487 узкий у тебя мозг, а профессия разносторонняя
Уже много, на целый город разработчиков тянет...
Красавчик!
Спасибо! Отличные уроки. Первый раз на такой отличный контент нарвался
👍🤝
Евгений! Благодарю вас! Вы капитальный красавчик! Спасибо вам за помощь, очень сильно мне помогли!
Я, в школе так не учил как сейчас, мне уже за 50 прихожу домой и за комп. Жеку смотреть. Спасибо
Супер! Я очень рад!
Мне тоже почти 50),тоже недавно начал ) Спасибо !
Присоединяюсь. Мне 50+
мне 28 и я думаю что уже поздно что либо учить(
@@vitttol как-то читал, как одна американская старуха чё-то делала на заднем дворе. И думала, как лучше написать кусок программы. И тут какой-то мужик кричит ей, типа, -чё глухая или опять кодишь про себя,старая песионэрка?
Тут-то я и вспомнил, что всегда было интересно.
Все как всегда СУПЕР!!!
Спасибо! 👍🤘
Тема раскрыта очень подробно. Все плагины установились с первого раза и цветовая тема очень понравилась. Спасибо!!!
вы смогли установить AutoFileName ? У меня он даже в поике не высвечивается
Спасибо тебе, добрый человек! Доходчиво, подробно, понятно.
Одно "НО"...
имхо, ещё неплохая настройка не упомянута, которая сильно облегчает "прилизывание кода". Я про reindent, "выравнивание". Выделяешь весь текст, жмёшь кнопочку, и вуаля - код выравнивается со всеми отступами по тегам.
В Key Bindings строчку дописать:
{ "keys": ["alt+shift+f"], "command": "reindent" },
Это просто охриненно!) Спасибо
Пожалуйста!
Папку для плагина Tag проще открыть, если выбрать в меню Sublime3 - > Preferences -> Browse Packages.
Тоже вариант!
Спасибі Сергей, тепер все працює .
так же работает для Мак!
@@FreelancerLifeStyle можно вынести в описание, работает для mac
спасибо большое, мне этот совет очень помог)))
Ооооо спасибо вам!!! Я за месяц так устала медленно всё писать. Только emmet использовала, и то не на полную, а на 1 %. Почему раньше не посмотрела это видео! Сейчас начну работать как нормальный человек. Спасибо!
Очень помог. Всё четко и ясно рассказываешь. Большое спасибо!!!
Спасибо, Женя!
Пожалуйста!
Очень крутая подача! Не досмотрел 6 минут, а то каша пошла в голове) Смотрю с первого видоса, продолжай в том же духе, ты лучший из тех кого я пока видел!!!!
Спасибо, стараюсь!
как успехи?
Огромное человеческое спасибо! Как же это круто!
Вы просто космос! Так подробно! Спасибо!!!
Действительно хороший обзор. Много обзоров про emmet, но там скудно, а здесь даже такие есть уникальные прям. Чётко.
Я рад, пожалуйста!
Спасибо тебе Жека! таг вообще бомба за него отдельная благодарность))
Супер! Рад что полезно!
Отличное видео! Отличный канал! Спасибо огромное!
Очень ценный канал! Давно подписан на Вами! Респект и уважуха!
Спасибо, приятно учиться профессионала
Пожалуйста!
Реально годные теги, удивил))
Спасибо! 👍
Смотрю взахлеб) спасибо. Очень круто!!!
Отличный гайд. Вообще супер. Так держать! Молодец.
Спасибо!
благодарю за твой труд!
Пожалуйста!
Спасибо огромное тебе земляк за твои труд, начинаю изучать HTML и CCS по твоим урока.
Круто, рад что полезно!
хочу сначала изучить HTML и CCS, а потом язык программирование Python или Ruby, эти языки вроде как самые легкие к изучению для новичка, хочу стать фрилансером))))
@@user-dd8ff7bo9s круто, успехов!
как бы вы язык программирование выбрали для себя, если б изучали его сейчас?
Скорее всего пайтон. Но я как-то не задумывался об этом.
Благодарю Вас. Объяснили все очень доступно!
🔥🔥🔥
Однозначно подписка.
Спасибо.
Очень полезно и доступно)))
Спасибо большое) очень хорошо объяснил.
Спасибо за просмотр!
Мужик, спасибо тебе!
Пожалуйста!
однозначно лучшее видео по настройке sublime спасибо;)
последние 2 плагина ваще огонь!!!
спасибо за видео уроки!!!
Пожалуйста!
Спасибо за видео, вы мне очень помогли, определенно лайк и подписка
Я рад!
Спасибо, было понятно)
И Вам спасибо за просмотр и комментарий! Благодаря таким как Вы хочется делать еще больше и еще лучше!
Дякую, цікаве відео, налаштував як треба, далі починаю вчитись)