Sublime text топ 10 плагины которые обязательно нужны. Emmet, LiveReload.

1797 ratings | 59593 views


Sublime text топ 10 плагины которые обязательно нужны. Emmet, LiveReload.

Всем привет в этом видео мы обсудим редактор кода Sublime text и его плагины. Я покажу какие плагины Sublime text я использую в своей работе и какие плагины советую установить вам. Покажу детально как работать с плагином emmet все горячие клавиши и настройка плагинов. Так же покажу как настроить плагин LiveReload со всеми нюансами ======================================================== ПОДПИШИСЬ на канал Web Developer Blog - И не пропускай новые видео!!! ======================================================== ПЛЕЙ-ЛИСТЫ МОЕГО КАНАЛА: JavaScript практика - Основы JavaScript - Уроки Bootstrap 4 - Уроки Framework для верстки Foundation 6 - Рубрика Основы за 10 минут - Верстка сайта на Foundation 6 - Основы препроцессора SASS - Уроки по Sublime text 3 - Создаем интернет магазин на PrestaShop - Уроки jQuery - ======================================================== ПОДПИШИСЬ на Группу Вконтакте Web Developer Blog - ========================================================

Comments to the video: Sublime text топ 10 плагины которые обязательно нужны. Emmet, LiveReload.

Алексей Г 1 month ago
Плагин AUTOPREFIXER не работает, поначалу выдавал ошибку, что не может отыскать Node.js, я его установил, однако плагин все равно не работает. В чем еще может быть неувязка? В винде чрез командную строчку при команде node -v указывает версию 8,12,0
Алексей Г 1 month ago
решение такое: оказалось, что его ещё настраивать необходимо, по умолчанию он поддерживает последние 2 версии браузеров. Я прописал такое browsers : [ last 8 versions , > 0.01% ] и стал прибавлять все префиксы. В настройках плагина/ Sublime-Prefences-PackageControl - Autoprefixer
EvilSanta2516 1 month ago
Такое бы для VScode
Web Developer Blog 1 month ago
Я могу сделать, когда то юзал его
matteo ! 1 month ago
что такое табуляция скажите прошу !
Web Developer Blog 1 month ago
таб нажми в sublime text
Евген Неважно 2 months ago
Для тех у кого траблы с emmet`ом попытайтесь сочетание кнопок ctrl+e
Евген Неважно 2 months ago
upd: либо попросту сохраните файл в формате html/css и т.п., чтобы эммит знал че ему мастерить)
Iury Konshev 2 months ago
Зачем мне эти костыли , когда кушать IDE
Web Developer Blog 2 months ago
Каждому свое
рашид шахбанов 3 months ago
Спасибо огромное.
рашид шахбанов 3 months ago
отчего не работает css comb
Gelenbagen 3 months ago
COLORHIGHLIGHTER не подчеркивает и не выделяет цвета отчего то
Иван Петров 3 months ago
Спасибо. Очень не плохое видео. Скажи изволь отчего плагин Colorhighlighter не показывает краска в css когда его выделяю?
Oleg Tsarev 3 months ago
Подскажите, у кого стоит плагин img-placeholder у вас номально работает? У меня отчего то в src= не выпадает перечень с подключением картинок((
Funkstrought 4 months ago
будто выслать ненадобный плагин?
Саша Гулид 4 months ago
Всем хороший денек. Начал внедрение плагина COLORHIGHTLIGHTER и был удивлен. Гугл хром не лицезреет цветов которые выдает Color-picker. Как этак?
Sergey Nixoid 4 months ago
может будто редактор он и комфортен, однако с навигацией полная жопа. дудки способности встроить в krusader будто дефолтовый редактор чтобы работало редактирование удаленных файлов (sftp) а без этого, использовать его выходит не комфортно. покамест работаешь на локале - норм, будто лишь нужно трудиться с удаленкой - он попросту юзлесс.
Евгений Рудько 4 months ago
Плагин AUTOPREFIXER не работает, поначалу выдавал ошибку, что не может отыскать Node.js, я его установил, однако плагин все равно не работает. В чем еще может быть неувязка?
Алексей Г 1 month ago
решение такое: оказалось, что его ещё настраивать необходимо, по умолчанию он поддерживает последние 2 версии браузеров. Я прописал такое browsers : [ last 8 versions , > 0.01% ] и стал прибавлять все префиксы. В настройках плагина/ Sublime-Prefences-PackageControl - Autoprefixer
Danil Buzeninka 5 months ago
Из не плохих цветовых тем крутыми считаю : - bamboo; -solarize; -sunrise neo; -agila cobalt; -dark hero ; Чтоб ввести их жмякаем комбинацию shift+ctrl+p Прописываем Instal жмём entet И копируем заглавие темы , жмём enter. Чтоб применить тему необходимо клацнуть color sheme и избрать тему.
Anton Shishlakov 5 months ago
Спасибо бро, ты наилучший !)
Web Developer Blog 5 months ago
Спасибо!
Алексей Ганьжа 6 months ago
Вы заебали все косить под зоракса
John Smith 6 months ago
Я лишь учусь, однако могу порекомендовать для работы с less 2 плагина: LESS и Less2Css
Web Developer Blog 6 months ago
Отличные
Eugene Morani 6 months ago
На немало ли лучше 3 гипотиза чем 2 попросту я папробывал ввести 3 там немало плагинов не устанавливается а на 2-ой версии вроде все установилась ? Спасибо)))
Alexey Stambulzhan 7 months ago
благодарю, весьма здорово
М Р 7 months ago
в питоне, в sublime text когда начинаю впрыскивать while появляется строчка резвого ввода - > потом enter выводит while pass: отчего это происходит и будто настроить попросту умозаключение while ? благодарю.
Jebba Thehop 5 months ago
Для пайтона лучше pycharm юзайте, по мне этак удобнее один в 1000
pro100Roman Yarysh-Rom 8 months ago
а што мастерить если у меня криво работает emmet? типа простие теги делает однако сложную структуру не осознает
Irina Iferova 8 months ago
Попробуйте этак: Preferences/Package Settings/Package Control/Settings-User , перезапустить ST, сделать файл сходу указав синтаксис html.
kentforth 8 months ago
подскажи изволь, у многих где номера строк в саблайме кушать стрелки, с помощью которых можно сворачивать доля кода, у меня таких стрелок дудки, будто их туда поставить?
Дмитрий Т 9 months ago
Хотелось бы узреть установку и настройку vs code
УДИВИТЕЛЬНЫЕ ЛЮДИ 9 months ago
Всем привет! Установил в саблайм несколько плагинов, в том числе и emmet. Но что то пошло не этак потом перезагрузки и эммет не срабатывает. к примеру потом команды ! потом таб не происходит развертывания. Подскажите в чем дело?
Дмитрий Васильев 2 months ago
в .php тоже срабатывает
Publick Shmidt 5 months ago
Спасибо для тебя хороший человек)
Артем Воропаев 9 months ago
документ обязан быть сохранен будто html тогда буду применяться эмета команды
Иван Гаврилыч 10 months ago
Спасибо большущее!
DANCE WITH THE DEVIL 10 months ago
В чем неувязка, у меня попросту дудки этих плагинов.
Вялый Осьминог 10 months ago
Про Emmet незапятнанная истина) без него на данный момент будто без рук
Panda Timofey 11 months ago
Отображается без цветов. Все теги, атрибуты и т.д. сероватого цвета. В чём неувязка может быть ?
Jebba Thehop 5 months ago
Настройки во вкладки вью, синтаксис и выбираете подходящий, по умолчанию раскрывается попросту текст.
Nikita Denisov 11 months ago
будто сделать чтоб справа был 1 файл а слева иной
Videoreactions 11 months ago
Alt + Shift + 2
Alex 1 year ago
поставил на debian ST3 build 3143 уже стоит packagecontrol, можно потребовать ctrl-shift+p
mine craft 1 year ago
будто мастерить табуляцию
mine craft 1 year ago
Web Developer Blog сорри уже сообразил
Web Developer Blog 1 year ago
что за странноватый проблема?
Sapir Sooms 1 year ago
autoprefixer ошибку выдает autoprefixer couldn't find node.js. Make sure it's in your $PATH by running node-v in your command-line
Maxwel Play 8 months ago
все просто отважилось) это промах значит что программка не может отыскать node.js, т.к. у многих его дудки на компьютере нужно скачать и ввести его вот ссылка: и все будет трудиться
ЛёняЛёха 8 months ago
можно ввести node.js
Роман Успехов 1 year ago
Ребят подскажите в чем дело устанавливаю ColorPicker а он вылазит в виде обыденного окна как будто в Paint. т.е. дудки этой лупы и такового приятного на облик меню. уже мозг закипать начинает. не усвою в чем дело.
Роман Успехов 1 year ago
конечно и когда пишу color в css документе краска тоже не выскакивает лишь на ctrl+shift+c, и то будто писал выше будто в paint лишь самому избирать цвета.
BAD PROGGER 1 year ago
Hello, I Arkadii.
Andrii Sivak 1 year ago
благодарю. проблема по color highlighter: можно ли сделать этак, чтоб по умолчанию не подчеркивалось смысл цвета в стилях? ибо у меня в любом случае кушать подчеркивание (заливка, очертание - проблема 2-ой)
08 37 1 year ago
а будто Вы экран этак сделали на два стола для индекса и цсс?
08 37 1 year ago
Web Developer Blog дудки,поизучал меню)
Web Developer Blog 1 year ago
google посодействовал?
08 37 1 year ago
разобрался
Вячеслав Журавский 1 year ago
Package Control можно устанавливать прямиком из редактора не копируя код с веб-сайта! 1) Ctrl + Shift + P 2) Install Package Control 3) Нажать Enter
Eeluxa 1 year ago
2:06 *Emmet* - табуликативное добавление кода 5:39 *Brackethighliter* - указывает закрытие тега 6:18 *Autoprefixer* - авто префиксы 7:16 *Autofilename* - автозаполнение пути к файлу 8:40 *Allautocomplete* - розыск файлов открытых окон 9:10 *Sidebarenhancements* - он попросту всем рекомендует его ввести =) 9:47 *Livereload* - автоперезагрузка странички + нужен js файлик 12:15 *Colorhighlighter, ColorPicker* - гамма + background при :input in Sublime 13:20 *Git* - на свое усмотрение 13:47 *CSS comb* - незапятнанный, прекрасный код
Belli Galaton 2 months ago
Спаси6о, чел)
Дендрай 5 months ago
куда? там в пэкеджконтрол наименования вписываешь и все
Anonymous Content 5 months ago
Ссылок бы ещё
Roman Riu 8 months ago
TeraHardi конечно ничего и никому создатель не обязан. Или нравится либо дудки, никто против воли не принуждает глядеть.
hunter 8 months ago
brackethighliter точно? либо все же BracketHighlighter
Иван Иванов 1 year ago
Как выслать установленные плагины из этой программки?
Web Developer Blog 1 year ago
preferences->package control-> remove packages
Crypto Currency 1 year ago
Спасибо за полезное видео Довольно хороший редактор, легковесный и удачный, однако мне не нравится то, что любой один, поновой открывая его, файл, с которым работал, раскрывается сначала с стопроцентно развёрнутыми блоками. Т.е., не запоминается последнее рабочее состояние этак, будто это происходит даже в Notepad++, не говоря уже о VS Code и иных, где при открытии даже курсор стоит в том месте, где был оставлен. Не знаю, может это у меня какой-то баг, однако переустановка не посодействовала. Поэтому, я работаю в VS Code хотя в работе с js Sublime будто более комфортным и многофункциональным. Хотелось бы выяснить, решается ли неувязка о которой я написал и если кто знает о нужных плагинах для работы с js в VS Code тоже буду признателен за полезную информацию.
Crypto Currency 1 year ago
Не произнес бы, что это придирки, любой один, запуская редактор, находить пункт, где тормознул и по-новенькому обустраивать рабочее состояние документа. И дело здесь не в том, что Sublime не IDE, Notepad++ тоже итого только текстовый редактор, однако там с этим все отлично. И это, на самом деле, единственная вина, по которой, я закончил воспользоваться Sublime. Считаю, что это маст хев этак же, будто и сворачивание блоков, сниппеты, подсветка, подсказки и т.д. и т.п. В общем, я сообразил - проблема не решается.
Web Developer Blog 1 year ago
Добрый денек, благодарю за комментарий. Не знаю, мне будто что это уже придирки. Разница VS code и sublime в том что саблайм это все таки попросту текстовый редактор либо будто еще молвят редактор кода, а вот VS code настоящая IDE.
LLIO?!_OI79ITЬ?! 7 months ago
темы для саблайма
LLIO?!_OI79ITЬ?! 1 year ago
Есть роскошный плагин go to CSS Declaration -какой позволяет перебегать из HTML сходу на класс в файле CSS(не необходимо находить класс либо идентификатор) и плагин Gist(какой позволяет копировать в репозиторий Github свои кусочки наработанного кода какой можно потребовать в хоть какой момент)
LLIO?!_OI79ITЬ?! 1 year ago
УЛЕТНЫЕ темы для саблайма
webdeveloper 1 year ago
9:47 это он?
Web Developer Blog 1 year ago
livereload для sublime text
Dean Rie 1 year ago
Для неосведомлённых, package control встроен в sublime text, и не нужно копипастить с веб-сайта, открываем sublime text, жмём ctrl/cmd+shift+p и набираем install package control вот и всё.
Web Developer Blog 1 year ago
Теперь этак)
кларк кент 1 year ago
мужчина, будто ввести ларавел на мак на МАМП? ты один-единственный к которому можно по такому вопросу адресоваться тут одни нищеебы со своим ебанным опен сервером и виндой
Rodion Lisin 11 months ago
гусек салам
ishidex2 1 year ago
где гироскутер вейп и бутылка с водой?
Web Developer Blog 1 year ago
где то в час - два ночи)
ishidex2 1 year ago
Где видео?)
Web Developer Blog 1 year ago
Еще про спиннер сейчас сделаю:) Нормально зашел видос
Alexander Zlobin 1 year ago
Лицензию-то купи на саблайм ;)
Norton Studio 2 months ago
Лол. Сейчас бы брать лицензии, когда можно глупо крякнуть exe файл и всё.
Brodiaga 1-3 8 months ago
Без лицензии же норм
Web Developer Blog 1 year ago
Нет излишних средств, сами осознаете)
Alexander Zlobin 1 year ago
Web Developer Blog Странно слышать от разработчика софта схожий проблема. Всего неплохого.
Web Developer Blog 1 year ago
Зачем?
Sergey Sukhushin 1 year ago
Спасибо, что ты кушать! Шикарный канал, то, что необходимо. Жалко, что ранее не нашёл его
Web Developer Blog 1 year ago
Спасибо! Рассказывай о канале всем друзьям кто еще не знает)
Jackson Vex 1 year ago
Вообще то package control на данный момент ставится уже из под самого Sublime text 3 Ctrl + shift + p и дальше вводим install package control
Web Developer Blog 1 year ago
Круто сейчас
Павел Ефименко 1 year ago
когда практика по jQuery??
Павел Ефименко 1 year ago
ждем
Web Developer Blog 1 year ago
Мало просмотров по jQuery будто то, будет попросту практика, со всем, пора от времени будем jQuery использовать
Алексей Бабыкин 1 year ago
Зачем LiveReload когда кушать Browsersync?
Николай К 2 months ago
С огромным количеством файлов начинает тормозить.
Web Developer Blog 1 year ago
Почему дудки
Человек нового времени 1 year ago
Почему я установил плагин Sidebar Enhancements, а полосы-светофора наверху редактора дудки?
Web Developer Blog 1 year ago
с кем не бывает)
ishidex2 1 year ago
улыбнул)
Человек нового времени 1 year ago
Да, отстал я от жизни:))
Web Developer Blog 1 year ago
Это на маке кнопки затворить, свертеть и раскатать на полное окно=)
Человек нового времени 1 year ago
Посмотри,над текстовым полем редактора, под меню находится серо-белоснежная полоса и слева в углу на ней - горизонтально светофор размещен.На этой же полоске написано имя файла HTML2 Какое функциональное предназначение у светофора?
Maria Martseniuk 1 year ago
Я пользуюсь Brackets. И там кушать потрясающий плагин для код-стайла - Beautify. А вообщем по плагинам в Brackets кушать отменная статья на хабре . А т.к. я отыскала плагины в Brackets, которые вы перечислили для Sublime - то, думаю, что из этой статьи и вы извлечете пользу:)
LLIO?!_OI79ITЬ?! 6 months ago
Sublime3 much more beteer then Brackets!!!
servit__metrica 123 1 year ago
У Sublime кушать плагин Prettify, делает тоже самое даже больше
Кетов Павел 1 year ago
Brackets вправду наилучший frontend редактор, а для backend разработки лучше чем PhpStorm покамест не знаю, однако советую испытать Aptana Studio 3 и к тому же Aptana GNU GPL, то кушать бесплатная
Web Developer Blog 1 year ago
Спасибо
Dmytro Slipchenko 1 year ago
Из SubText перебежал на Atom, позже со временем мигрировал (к собственному же удивлению, этак будто не люблю продовольствие от Microsoft) на VS Code и доволен.
Web Developer Blog 1 year ago
Да VS code хороший, однако мне Sublime будто обычный редактор нравится, а будто IDE я использую PHPStorm
Иван Орлов 1 year ago
Ребят, кто нибудь подскажите если в курсе что за тема вот эта:
mercurykd 1 year ago
установите плагин colorschemeselector стремительно отыщите необходимое , или dayle rees color schemes - плагин с хороший выборкой цветовых схем , а ваша похожа на juicyfrut либо будто-то этак
Иван Орлов 1 year ago
В смысле непонятную? это попросту снимок экрана темы, выложенный на yandex диске )
Web Developer Blog 1 year ago
Что там? Вряд ли кто то будет обнаруживать непонятную ссылку)
Вадим Шорохов 1 year ago
подскажите, какой плагин кушать для саблайма, чтоб конвертировать код, какой написан в одну строку (все в куче), в обычный нам код с отступами и переносами строчки по вложенностям? в brackets таковой плагин именуется Beautify
mercurykd 1 year ago
этак и не настроил Tag? кушать еще codeformatter
Вадим Шорохов 1 year ago
Anton Gorbach он срабатывает лишь, когда все строчки уже с новейшей строчки, а осталось лишь отступы для каждой строчки сделать, чтоб вложенность была видна. а если код полный в одну строчку, то он не переносит теги на новые строчки по вложенностям
Anton Gorbach 1 year ago
Вадим, плагин, что вы отыскиваете именуется HTML-CSS-JS Prettify
Вадим Шорохов 1 year ago
не реагирует вообщем. похоже я круглый рукожоп в любом случае благодарю за поддержка!
mercurykd 1 year ago
можно чрез меню, а жаркие кнопки лучше поменять на свои keys : [ ctrl+shift+x ], command : tag_indent ,
Kro0sh 1 year ago
Мне Atom больше нравится 😅
Gran Torino 1 year ago
это неспешное ведро
ishidex2 1 year ago
а мне brackets
Web Developer Blog 1 year ago
Раньше использовал Атом однако позже назад возвратился к Sublime, не подошел он мне)
mercurykd 1 year ago
codeformatter sqltools gitsavvy (еще круче заместо git) - sftp + sublimezilla remotetree(в разработке) alignment sublimelinter tag(удалили из репозитория, однако кушать на github) minify todoreview trailingspaces syncviewscroll sync side bar sublimemerge xdebug(php) папочку User сохраните на скопление , и все ваши опции будут синхронизироваться () цветовая схема : twilight (перепробовал немало , вечно ворачивался на эту) тема : Soda Dark 3
LLIO?!_OI79ITЬ?! 7 months ago
темы для саблайма
Narek Melqonyan 9 months ago
конечно
Gran Torino 1 year ago
а рассписать, что для чего?
Web Developer Blog 1 year ago
Круто! Спасибо!
Вася Кривуй 1 year ago
сделай комплект для vs code!
tuz1k 9 months ago
плагины sublime одни и те же будто в vscode
danil chepelev 1 year ago
вообщем было бы ок сделать описание vs code+плагины.
Web Developer Blog 1 year ago
Хорошо, сделаю)
mercurykd 1 year ago
на данный момент же установка package control встроена по умолчанию
Norton Studio 2 months ago
Ctrl + Shift + P => Install PackageControll
Чечен Джентльмен 6 months ago
Не встроена ! Почему ты врешь ? Тупорылый.! Я щас проверил и его дудки! Установите, у меня сейчас заработало!
Web Developer Blog 1 year ago
А ну-ка тогда прям вообщем пять)
mercurykd 1 year ago
не так давно ввели
Web Developer Blog 1 year ago
Разве? Видимо я упустил этот момент, заключительный один когда устанавливал вроде будто не было)
VideoInfo 1 year ago
Не хватает перечня плагинов с маленьким описанием
Web Developer Blog 1 year ago
Напишите в комменты)
Андрей Шехтер 1 year ago
нередко пользуюсь SFTP - весьма комфортная штука, если нужно оперативно поправить что-то на удаленном сервере
Gran Torino 1 year ago
не весьма подошло, однако кандидатуры ты не знаешь?
Web Developer Blog 1 year ago
Я пробовал, мне не весьма подошло