Sublime Text 3 настройка установка плагины // Sublime Text 3 видео обучение // Фрилансер по жизни
Вставка
- Опубліковано 20 чер 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. .
🤟 Живи, а работай в свободное время! ©
Хочу быть ближе к своим зрителям! Подписывайся на профили «Фрилансер по жизни» в соц. сетях:
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 а эти проги есть русифицированные? Нихераж непонятно(( но интересно
Если кому интересно, как изменить язык самого приложения на русский:
ctrl+shift+p -> Package Control: Install Package -> LocalizedMenu . После установки, перезагрузить приложение и зайти в Preferences -> Languages -> и выбираем русский язык.
p.s. отличное видео, и вообще каждое видео которое смотрю понятное, и стоит внимания.
Спасибо
Как сбросить по умолчанию я испортил всё
просто поменяй обратно на английский@@Jonibe-jw9g
"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*
Спасибо тебе Жека, получаю удовольствие от процесса обучения с тобой !!!
Не думаю, что скажу что то новое, но ты нереально крут! И огромное тебе спасибо за качественный и невероятно полезный контент. Объяснить так доходчиво и понятно это талант. Благодаря тебе я до сих пор не потерял мотивацию заниматься тем, что мне нравится. Ещё раз спасибо!
Я, в школе так не учил как сейчас, мне уже за 50 прихожу домой и за комп. Жеку смотреть. Спасибо
Супер! Я очень рад!
Мне тоже почти 50),тоже недавно начал ) Спасибо !
Присоединяюсь. Мне 50+
мне 28 и я думаю что уже поздно что либо учить(
@@vitttol как-то читал, как одна американская старуха чё-то делала на заднем дворе. И думала, как лучше написать кусок программы. И тут какой-то мужик кричит ей, типа, -чё глухая или опять кодишь про себя,старая песионэрка?
Тут-то я и вспомнил, что всегда было интересно.
Женя, спасибо огромное!!! Очень полезное видео. Всегда легче и быстее идти по пути обучения, когда кто-то показывает и подсказывает как и куда :) Лайк и успехов тебе во всём!!
Восхитительная подача материала для новичка!!!!! Огромное СПАСИБО!!!!!
Спасибо, что ускоряешь обучение и экономишь годы жизни!
Пожалуйста!
Подробно и доходчиво. Как раз то, что нужно для новичка, как я 😉👍
Спасибо! Старался!
Огромное спасибо!!! Ты - Супер!!! Всё ясно, понятно и полезно! Начала учиться по твоим урокам, оч нравится. И теперь я установила и настроила Sublime!!! радости нет предела)))
Если это было в начале пути канала,то я просто аплодирую стоя!
Благодарю за контент высокого качества и высокой доступности(лайк+подписка)
Спасибо за Ваш труд! Всё понятно и по полочкам.
Ощущение, что вы мудрец в горах познавший дзен и делитесь небесной мудростью😂. Огромное спасибо, очень доходчиво объяснили и показали.
Я рад!
Жека, спасибо ОГРОМНОЕ! Очень крутая подача, все четко и без воды. Годный видос!
Замечательно преподнесена информация - легко, доступно, подробно! Огромная благодарность Вам!!!
Жень, спасибо большое!Только твоими настройками пользуюсь. Всех благ тебе!
Пожалуйста!
Благодаря этому видео я сэкономлю сто пятьсот тысяч часов своей жизни!
Очень достойный гайд! Мне как нулевому программисту, очень помогло. Низкий поклон автору!
Действительно ты очень понятно и постепенно объясняешь. Так и хочется сесть и начать заниматься. очень мало просмотров за такой контент. Благодарю за проделанную работу.
Большое спасибо за настройку Sublime! Долгое время пользовался редактором без каких-либо плагинов и теперь почувствовал разницу в удобстве после настройки :) Единственное, что для подсветки кода цвета поставил плагин "Color Highlight" - разница в том, что окрашивается не сам код цвета, а фон кода и появляется цветовая метка на поле строчной нумерации. Как я считаю, так намного нагляднее. Ещё раз спасибо!
Лучшее описание ST! Спасибо за Ваш труд!
Пожалуйста!
Вы слишком харош!!! Большое Вам спасибо! Единственные уроки по IT которые слушаешь, учишся и наслаждаешся!!!!
Вообще супер. Очень очень полезный видос получился. Сначала было лень полчаса смотреть, а потом после увиденного это просто шок. Спасибо огромное 😍🔥
Спасибо большое за это супер-полезное видео! До урока о флекс-боксах думала что справлюсь без настройки Sublime, но как только приступила к практике... копирование названий классов с помощью клавиш, это действительно пушка!
Спасибо большое Вам за такой подробный но и не размазанный курс!!!
Я только месяц как начал учится фронтенду, самостоятельно выбрал саблайм, но то как Ты все разложил по полкам! Тебе честь и хвала!
Спасибо!
Я в восторге! Мрачная, на первый взгляд, программка - в ваших руках стала просто конфеткой! Спасибо!
Надеюсь я не слишком поздно начал) Материалы замечательные) Спасибо Вам
Жека. Приятно лицезреть профессиональную работу. От всей души благодарю за то, что ты делаешь. С меня обязательная подписка.
Спасибо!
жаль что нельзя поставить тысячу лайков, а только один.. на все видео этого замечательного человека. он даёт поистине ценную информацию
Спасибо!
Браво! В конце ролика фраза и музыкальное сопровождение - супер!
Спасибо огромное. Очень помог. Теперь у меня гораздо больше желание программировать. Мои глаза попросили передать Вам огромную благодарность;)
Мега полезное видео. Классный контент, у вас талант преподавателя.
Спасибо!
Женя, мне-то за что спасибо?! Мой просмотр и отзыв не сравним с проделанной вами работой.
5 минут посмотрел и сразу держи лайк только за цветовую схему.
Благодарю за видео очень информативно, коротко и то что нужно
Спасибо!
Спасибо за видео, Женя, отличная подача очень полезного контента!
Благодарю! По твоим гайдам уже почти весь html и css освоил вообще бесплатно.
Как же я благодарен за эту подборку плагов)!
Я это называю царским лайком)
Спасибо большое за крутой мастер класс!:) Отличная подача информации, спасибо, что делитесь своим опытом! Однозначно- лайк и подписка! Удачи Вам и миллион подписчиков!💕
Просто великолепная работа! В одном видео я нашел ответы на все свои вопросы! Спасибо тебе!
Огромное спасибо за данный ролик! Все по порядку доступно и понятно. Для новичка как я это мега полезная информация, без воды и растягивания ролика. Спасибо)
Пожалуйста!
Гайд шикарен, просто всё понятно и доступно. Респект блогеру! :-) С удовольствием смотрел. Лайк тебе Бро)
Спасибос! 👍🤟
Спасибо за твои видео, начал изучать верстку как раз то что нужно 👍
Успехов тебе 👍
Спасибо!
Гайд реально стоящий. На ютубе мало такого контента, спасибо))
шикарно!
Прекрасный материал, подача, очень интересно и информативно.👍🏻
CTRL+` РЕШЕНИЕ :после распаковки архива "Tag" в папке проверьте что бы папка Tag не находилась в еще одной папке Tag. Если будет в двух папках не читает программой.
искал, искал в чем причина, нашел
Евгений огромная благодарность за ваши крутые уроки!
Пожалуйста!
Спасибо тебе за помощь в решении проблемы с архивом "Tag" !
Спасибо, Артем! Это было очень кстати=)))
ищу до сих пор в чем причина, всё равно не срабатывает)
Ох, так помог, не знал в чем дело. Спасибо !
Просто гений! Лайк поставил, очень годно, удивительно что так мало подписчиков пока что.
Спасибо! Это потому что мало народу знает, я новенький 😅 Буду рад репостам в соц сети и т.д.
Видео конечно мощное, заранее благодарю за все то время, которое мы сэкономим используя все эти плагины, особенно emmet! Материал хорошо создан и видео отлично отредактировано, Респект тебе!
Добрый вечер, Евгений ты очень крут!!! Все просто и доступно, не многие смогут так рассказать, огромное спасибо. Тебе удачи и всех благ)))
Мало просмотров для такого уровня гайда.
И я так думаю, спасибо! Каналу месяц, надеюсь дальше больше будет. И гайдов в том числе :)
Я в последнее время часто натыкаюсь на такую ситуацию с самыми разными видео, но это обычная история. Это как с полезной пищей
Это узкая профессия)) не может быть много просмотров
@@nevsky7487 узкий у тебя мозг, а профессия разносторонняя
Уже много, на целый город разработчиков тянет...
урок супер, описание тоже чёткое. спасибо!
Спасибо!
Женя, ты меня убил....Разумеется в хорошем смысле этого слова. Я даже и представить не мог, что можно облегчить настолько себе работу, всего лишь правильно настроив Sublime Text 3......Крутяк!!!!!
Женя, спасибо огромное за уроки!
Ты просто крутейший чувак на просторах Ютуба, который вещает об IT
Папку для плагина Tag проще открыть, если выбрать в меню Sublime3 - > Preferences -> Browse Packages.
Тоже вариант!
Спасибі Сергей, тепер все працює .
так же работает для Мак!
@@FreelancerLifeStyle можно вынести в описание, работает для mac
спасибо большое, мне этот совет очень помог)))
После настройек внешнего вида мои глаза начали кайфовать спасибо вам большое
Ооооо спасибо вам!!! Я за месяц так устала медленно всё писать. Только emmet использовала, и то не на полную, а на 1 %. Почему раньше не посмотрела это видео! Сейчас начну работать как нормальный человек. Спасибо!
Спасибо вам за инфо удачи во всех делах и счастья вашей семье
Спасибо!
да твой канал просто манна небесная! залип и смотрю взахлеб ;)
Спасибо! Я рад!
Огромное спасибо! Настройки очень помогают в обучении!
Очень хороший редактор и видео-урок, автору большое спасибо !
Просто красавчик!!! Огромное спасибо за труд!!!
Пожалуйста!
Просто УВАЖУХА!!! Даже нечего и добавить.Спасибо!!!!!!!!!!!!!!!!!!
Пожалуйста!
Если бы был ещё плагин, который подсказывал при вводе атрибута формат его значений и их количество.
Красавчик!
Спасибо! Отличные уроки. Первый раз на такой отличный контент нарвался
👍🤝
Это же просто сокровищница информации!!! Супер! И почему я это не увидел два года назад...
Очень крутая подача! Не досмотрел 6 минут, а то каша пошла в голове) Смотрю с первого видоса, продолжай в том же духе, ты лучший из тех кого я пока видел!!!!
Спасибо, стараюсь!
как успехи?
такой классный канал и ведущий! спасибо!!!
Спасибо!
Огромное спасибо! Мне, абсолютному чайнику, удалось установить программу и все настройки и плагины. Даже смог "побороть" комп при установке "tag". С нетерпением иду дальше!
Только начал изучать программирование смотрел пару видео уроков выбирал какой курс пройти. И наткнулся на этот курс первые минуты урока уже начали нравится расказуешь доступно может даже новичок легко во всё этом разобраться
Действительно хороший обзор. Много обзоров про emmet, но там скудно, а здесь даже такие есть уникальные прям. Чётко.
Я рад, пожалуйста!
Спасибо тебе за твой труд ✊🏼
Пожалуйста! 👍
Женя, красавчик!
Отличный гайд!
Идеальное руководство по установке и настройке!
Респект!
Я рад!
Евгений! Благодарю вас! Вы капитальный красавчик! Спасибо вам за помощь, очень сильно мне помогли!
Все как всегда СУПЕР!!!
Спасибо! 👍🤘
Спасибо огромное тебе земляк за твои труд, начинаю изучать HTML и CCS по твоим урока.
Круто, рад что полезно!
хочу сначала изучить HTML и CCS, а потом язык программирование Python или Ruby, эти языки вроде как самые легкие к изучению для новичка, хочу стать фрилансером))))
@@user-dd8ff7bo9s круто, успехов!
как бы вы язык программирование выбрали для себя, если б изучали его сейчас?
Скорее всего пайтон. Но я как-то не задумывался об этом.
Отличное видео. Подробное и грамотно преподнесённое. Молоток. Так держать.
Вижу все работают в Sublime Text 3 , я так понял из за того что можно всяких плагинов напихать и упростить работу что не мало важно, хотя я пробовал Visual Studio Code мне тоже нравиться!! Спасибо за предоставленную информацию по настройке, нам новичкам будет быстрей по вашим видео принимать нужную важную информацию что в дальнейшем облегчит работу!!!
Спасибо за полезное видео. Полезных плагинов просто куча.
P.s. Полдня не мог заставить tag работать. В папке пользователя не обнаружил AppData, поэтому закинул в program files/sublime text3/packages. Не заработало, не мог понять в чем дело. Думал, что случайно в горячих клавишах код не так прописал. И саблайм удалял, и устанавливал заново. Потом случайно увидел в комментариях, что можно открыть в меню Sublime3 - > Preferences -> Browse Packages. Открываю, и оказывается, что папка appdata где-то есть. Снова захожу в папку пользователя, appdata в ней нет. Гуглю "не отображается папка appdata", и оказывается, что она скрыта. Нахожу как отобразить скрытые папки, и наконец-то устанавливаю tag.
Рад что получилось
как на mac os поставить плагин tag @@FreelancerLifeStyle
Я полный junior в направлении верстка, но по настройке саблайма это наверное самый топовый видео туториал!!!
Спасибо! 🤟
@@FreelancerLifeStyle Жека тут никакие вебштормы не нужны! Спасибо тебе огромное!
Это просто великолепно! Оххх как же не хватало то подобного!
Классная подача материала. Все понятно, подробно и быстро. Я подписался.
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+` Алиса всплывает, и хз как отключить ее
Огромное спасибо все плагины получилось установить пришлось попереписывать пару раз код , запятую не поставил и ошибка выскочила ну хорошо что в ошыбке былло написанно comma и сразу стало всё понятно) тот случай когда ради tag захотелось поставить sublime-text 3 пока всё нравится )
Спасибо! Рад что полезно!
Очень помог. Всё четко и ясно рассказываешь. Большое спасибо!!!
Благодарю Вас. Объяснили все очень доступно!
Спасибо тебе большое за твой труд)
Уже месяц самообучаюсь вертске, пока что сложно все переварить, одно вытекает из другого, но благодаря твоими стараниями этот процесс идет в разы легче, приятне и понятнее)
Насчет плагинов- все установил, чего не было, но с Tag проблема- структура репозитория у меня абсолютно другая, нежели на видео. В папке packages только файлы SUBLIME , и все. Буду шаманить)
Пробуй плагин ecsstractor
@@FreelancerLifeStyle а что делает плагин ecsstractor?
@@MrKadyrkhan то же самое, только немного по-другому
@@FreelancerLifeStyle спасибо
Спасибо, Женя!
Пожалуйста!
Да, это пожалуй лучший guide по настройке Sublime Text.😇
Огромное человеческое спасибо! Как же это круто!
Это просто охриненно!) Спасибо
Пожалуйста!
Спасибо, приятно учиться профессионала
Пожалуйста!
Очень ценный канал! Давно подписан на Вами! Респект и уважуха!
20 лет сайты делаю и только щас узнал сколько фичей мне не хватало в жизни)))) спасибо Евгений
Пожалуйста!
Спасибо тебе Жека! таг вообще бомба за него отдельная благодарность))
Супер! Рад что полезно!
Тема раскрыта очень подробно. Все плагины установились с первого раза и цветовая тема очень понравилась. Спасибо!!!
вы смогли установить AutoFileName ? У меня он даже в поике не высвечивается
Как всегда и все просто и понятно , настроил у себя Siblime )). Огромное Спасибо !!!
Пожалуйста!
Реально годные теги, удивил))
Спасибо! 👍
Спасибо большое) очень хорошо объяснил.
Спасибо за просмотр!
последние 2 плагина ваще огонь!!!
спасибо за видео уроки!!!
Пожалуйста!
Была уместна фраза "ну а для тех кто досмотрел"). Только начал изучать веб. Очень много всего. Спасибо за гайд.)