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