Brackets - настройка, плагины, горячие клавиши

Sdílet
Vložit
  • čas přidán 6. 05. 2019
  • В этом видео поработаем с редактором кода Brackets. Разберемся как его настроить, покажу какие плагины Brackets я использую для своей работы, покажу возможности редактора и горячие клавиши.
    // Ссылки =================
    Основы HTML и CSS для начинающих: brainscloud.ru/landing/html-css
    Brackets: brackets.io/
    Горячие клавиши: github.com/adobe/brackets/wik...
    Emmet: docs.emmet.io/
    // О проекте =================
    Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд.
    На сайте проекта brainscloud.ru вы найдете много полезных закрытых материалов, а так же сможете поработать со мной лично, при наличии такого желания.
    // Соц. сети =================
    Мой ВК - odimaz
    Группа BC - brainscloud
    Мой Instagram: / dmitryvalak
    #brackets

Komentáře • 226

  • @rasalghul6551
    @rasalghul6551 Před 5 lety +24

    Урок, как всегда, максимально информативный.Всё, что меня интересовало, я узнал.Отличная работа! Спасибо)

  • @LTN-Film
    @LTN-Film Před 3 lety +14

    Чисто лайк за звук, это превосходно.
    Спасибо Тебе

  • @kilogramchik4719
    @kilogramchik4719 Před 4 lety +2

    Вот это я понимаю уроки. Все четко, по делу.

  • @akhmad_goytinski
    @akhmad_goytinski Před 2 lety

    Спасибо Дмитрий! Отличный урок, без лишнего максимально информаций. Супер, отличная работа. С уважением к Вам Ахмад

  • @BaDbKoO
    @BaDbKoO Před 4 lety +2

    Благодарю, Вас, Дмитрий за данное видео! Вы потрясающий))

  • @user-fd8jj3hj4i
    @user-fd8jj3hj4i Před 2 lety

    Спасибо бро! Скажу пожалуй что на просторах русскоязычного нета у тебя лучшая подача информации все четко и без воды

  • @elenakhmweb9482
    @elenakhmweb9482 Před 3 lety +1

    Уловила на слух название и у вас же нашла установку этого редактора. Спасибо большое, мне понравился

  • @outtacontrol8484
    @outtacontrol8484 Před 5 lety +2

    Всё по полочкам. Спасибо большое!

  • @peterkulko
    @peterkulko Před 4 lety +3

    Супер! Очень информативно!
    Спасибо!

  • @planetvine7269
    @planetvine7269 Před 4 lety +11

    Большое спасибо автору🙏

  • @user-rb2zt6ly6w
    @user-rb2zt6ly6w Před 3 lety

    Отличный урок! Всё очень понятно! Огромное спасибо!)))

  • @BKLG
    @BKLG Před 3 lety

    Коммент в поддержку! Благодарю за контент, ты несешь просветление

  • @ndw6918
    @ndw6918 Před 4 lety +3

    От души, искал только настройку табуляции а тут столько всего полезно, спасибо!

  • @asynco
    @asynco Před 4 lety +1

    Спасибо, ты хороший человек. Долго же я искал такого )))

  • @user-kr3nu5fw4x
    @user-kr3nu5fw4x Před 2 měsíci

    Огромное спасибо Вам, Дмитрий! Как здорово, что я нашла вас, падача высший класс! Везде подписалась))

  • @user-ev7sz2xo5k
    @user-ev7sz2xo5k Před 4 lety +1

    Огромное человеческое спасибо!!!👍👍👍

  • @user-bj8wg9gp1c
    @user-bj8wg9gp1c Před 4 lety

    Спасибо большое за то что делаешь хороший контент ☝️

  • @l1na233
    @l1na233 Před 4 lety +8

    15:55 *ничего не сломаете* я вот сломала😂 несколько раз переустанавливала и никакого эффекта,в итоге кэш почистила и заново установила,всё норм. Кстати говоря,видео очень крутое,спасибо Вам большое❤

  • @user-ok6nf5to8u
    @user-ok6nf5to8u Před 4 lety +1

    Огромное спасибо)))
    Лайк однозначно!!!

  • @yaroo3107
    @yaroo3107 Před 4 lety

    WOW!! Easy to understand.Thank you!!!

  • @user-dq7ql7cp8y
    @user-dq7ql7cp8y Před 3 lety +1

    Спасибо большое, очень помогли 🙏🏻

  • @eveningsunset9188
    @eveningsunset9188 Před 2 lety

    начинал учится на Sublime_text 3, захотелось что то новое и я перешел на Brackets, удобнее работать, спасибо за плагины.

  • @fotimaxon777
    @fotimaxon777 Před 3 lety

    Спасибо благодарю так все понятно и голос отличный

  • @Good_BorisAV
    @Good_BorisAV Před 7 měsíci

    _Спасибо!_
    _Благодарю за информацию!_

  • @progerlife6690
    @progerlife6690 Před 5 lety

    Спасибо! Пару плагинов поставил.

  • @MSMXVN
    @MSMXVN Před 3 lety

    Огонь, очень помогло, спасибо!

  • @whitewolf0258
    @whitewolf0258 Před 3 lety +1

    Огромное спасибо! удачи)))

  • @FaikNagiyev
    @FaikNagiyev Před 2 lety +4

    Спасибо большое за урок! Было бы тоже интересно увидеть такой урок про VS CODE. А то слишком какой-то он громоздкий с кучей хинтов(

  • @smert-chekistam
    @smert-chekistam Před 3 lety

    Ты реально лучший в рунете 👍

  • @lolololco911
    @lolololco911 Před 5 lety

    Спасибо за видео

  • @user-vl2ik4fc5u
    @user-vl2ik4fc5u Před 3 lety

    Спасибо, очень помогли!

  • @olegrotari3878
    @olegrotari3878 Před 3 lety

    Огромное спасибо!!!👍👍👍

  • @gaziznurgali2230
    @gaziznurgali2230 Před 3 lety

    Спасибо, очень помог!

  • @dobrMAV
    @dobrMAV Před 5 lety

    Спасибо за видео !

  • @egor4ikpomidor4ik90
    @egor4ikpomidor4ik90 Před 4 lety +2

    Спасибо за урок, у вас отличный голос, очень приятно слушать. Я уже начал пользоватся этой программой на mac и я хотел бы задать вам вопрос, все что вы сделали, позже в каком файле можно найти или куда это все перемещается, я просто начинающий программист и совсем в этом ничего не понимаю, надеюсь, что вы ответите, буду блогадарен.

  • @Veshalka02
    @Veshalka02 Před rokem

    Чел ты лучший!

  • @Music-ii2kp
    @Music-ii2kp Před 4 lety

    Спасибо , помог 👍😇

  • @user-wx7yc4dj5f
    @user-wx7yc4dj5f Před rokem

    здравствуйте! спасибо большое!

  • @vladislav8234
    @vladislav8234 Před 5 lety

    Чуть не забыл лайк поставить. Давай Димон, вперед!

    • @BrainsCloud
      @BrainsCloud  Před 5 lety

      Вот это правильно ))

    • @vladislav8234
      @vladislav8234 Před 5 lety +2

      @@BrainsCloud Очень хочу спросить, планируются ли видео уроки по JavaScript с подачей материала как в цикле выпусков "Верстаем сайт с нуля для начинающих" ? Они просто ИДЕАЛЬНЫЕ!

    • @BrainsCloud
      @BrainsCloud  Před 5 lety

      @@vladislav8234 Все может быть, время покажет

  • @user-wt8sq9om6c
    @user-wt8sq9om6c Před 3 lety

    Красавчик!!!

  • @Viktorres1
    @Viktorres1 Před 4 lety +2

    Спасибо за обзор! Очень полезно. Буду подробно знакомиться c Brackets Synapse и у меня не работает livereload. Так шустро, как у Вас, не запускается (Наверное, нужно ещё что-то установить).

  • @user-vt4jf3hz8q
    @user-vt4jf3hz8q Před 2 lety

    Просто і доступно!!!
    Дякую)

  • @armeniagames2819
    @armeniagames2819 Před 5 lety +1

    You are the best

  • @rs-vo1po
    @rs-vo1po Před 5 lety

    danke, sehr gut!

  • @Volia-sv7
    @Volia-sv7 Před 4 lety

    Спасибо!

  • @yizhak3092
    @yizhak3092 Před 5 lety

    Я только недавно начал изучать верстку. И вот разрываюсь между Брекетс и Саблайм. Оба очень нравятся.

    • @thekamol
      @thekamol Před 5 lety

      Попробовай Visual Studio, он самий топ

    • @user-tc9ml2mu5k
      @user-tc9ml2mu5k Před 4 lety

      Привет.ну и как успехи в изучении верстки ? Так ты с Брекетс работаешь или нет ? Вопрос есть ..

  • @user-nu8ji2lt5f
    @user-nu8ji2lt5f Před 8 měsíci

    Спасибо большое

  • @Skeler667
    @Skeler667 Před 4 lety

    Я начинающий фронтендщик спасибо тебе)

  • @krepkovmeste
    @krepkovmeste Před 4 lety

    Спасибо было полезно! А какой локальный сервер используете, где автоматом обновляется всё?

  • @user-zp5ph1cl7h
    @user-zp5ph1cl7h Před rokem

    Спасибочки 💖

  • @Alectius
    @Alectius Před 3 lety

    Thank you!

  • @user-eb7iy7qi3x
    @user-eb7iy7qi3x Před 5 lety

    спасибо!

  • @MacLeanShow
    @MacLeanShow Před 5 lety

    Продолжай в том же духе

  • @user-iv4yz7bf9t
    @user-iv4yz7bf9t Před 4 lety

    Привет, спасибо за уроки! Такой вопрос: есть плагины для работы с php? Подсветка кода и тому подобное.

  • @lezgin1823
    @lezgin1823 Před 4 lety

    спасибо!!!

  • @frey4404
    @frey4404 Před 4 lety +8

    Можно ещё добавить autosave

  • @user-hi9lj9bn2v
    @user-hi9lj9bn2v Před 3 lety

    Класс

  • @arevlucy24
    @arevlucy24 Před 2 lety

    спасибо

  • @SantaChannelClaus
    @SantaChannelClaus Před 3 lety

    Спасибо

  • @MacLeanShow
    @MacLeanShow Před 5 lety

    Красава

  • @prosonu448
    @prosonu448 Před 4 lety +1

    И второй вопрос: как переместить курсор из правой части html в левую css при помощи клавиатуры, а не мышки?

  • @iansava4380
    @iansava4380 Před 5 lety +1

    Здраствуйте, а можно сделать "резервную копию натроек и плагинов" если я к примеру перехожу с одного пк на другой и чтоб можно было просто установить резервную копию и чтоб было как на прошлом пк не настраивать сново (извините но по другому не знаю как выразится).

  • @realshowcast1362
    @realshowcast1362 Před 4 lety

    Дмитрий, а как сделать такой курсор при редактировании (когда отображается только вехняя часть курсора)?

  • @konstantinsurnin855
    @konstantinsurnin855 Před 4 lety

    Привет!, подскажите, как использовать Emmet в JSX и какой плагин делает нормальную подсветку кода в JSX?

  • @miababusia5307
    @miababusia5307 Před 3 lety

    Можно выделить текст, что-то нажать и он обвернётся в тег, например, ?

  • @Don_Reisen
    @Don_Reisen Před 2 lety +2

    Приветствую, подскажите пожалуйста, установил последнюю версию и приложения и дополнения Эммета. Не работает таб, при том что формат выставлен как html. В чем может быть проблема?

  • @user-qh9lu5vk6x
    @user-qh9lu5vk6x Před 3 lety

    Дмитрий, спасибо за видео! В связи с окончанием поддержки Brackets, интересует ваше мнение, какой редактор кода посоветуете?

  • @iseoxe
    @iseoxe Před 4 lety

    Подскажите пожалуйста, Brackets Synapse сейчас работает? У меня почему-то не выполняется подключение к серверу. Проверял на двух серверах, по SFTP. Ошибок никаких нет.

  • @asadbekkenjabaev
    @asadbekkenjabaev Před 3 lety

    👍👍

  • @AlexXLRatFace
    @AlexXLRatFace Před 5 lety

    Есть ли плагин который растравляет плагины ступенями , а то у меня все в одну колонку прижатые к левому краю

  • @arthurvolokhov1911
    @arthurvolokhov1911 Před 4 lety

    Остался 1 вопрос - есть ли в брекетс возможность быстро (горячие клавиши) закомментировать текст?
    Но лайк бесспорный и заслуженный.

  • @yourpain4969
    @yourpain4969 Před 3 lety

    а как перенести выделенные классы из html в css? подскажите пожалуйста.

  • @user-no5gj1jr3c
    @user-no5gj1jr3c Před 3 lety +1

    как настроить межбуквенное растояние в Brackets?

  • @user-fi5mh2si5e
    @user-fi5mh2si5e Před 2 lety

    Видео очень полезное большое спасибо. Один вопрос. Когда я перехожу в лайв режим чтоб сразу отображалось, переводит на гугл хром и сразу текст в котором рассказывается о brackets. Как его убрать чтоб сразу можно было смотреть результат на "белом листе"?

  • @movieclips4848
    @movieclips4848 Před 4 lety

    Добрый день можете, подсказать, где в brackets командная строка

  • @toshkent1
    @toshkent1 Před 4 lety

    Autofile name есть для брекетс ?

  • @user-sd6ly1ic4u
    @user-sd6ly1ic4u Před 3 lety +1

    Как сохранить скелет? При выполнение плагина emmet "!" не работает и не появляется скелет программы. Что делать?

  • @andreybelyi3431
    @andreybelyi3431 Před 11 měsíci

    Подскажите как подключить Gulp к редактору кода Brackets.

  • @user-hi9lj9bn2v
    @user-hi9lj9bn2v Před 3 lety

    не пойму как приобрести твой курс по html ,точнее ,на каком носителе он будет и каким образом его получить

  • @user-sd6wq1dy5i
    @user-sd6wq1dy5i Před 4 lety

    Панель форматирование есть?

  • @tenseigan1
    @tenseigan1 Před 4 lety +1

    background-image: url("img/bg.jpg") center no-repeat /cover; после того как я пишу center no-repeat /cover картинка исчезает , что можно сделать???

    • @nikleeru
      @nikleeru Před 4 lety +1

      Что сделать: не писать в background-image "center no-repeat /cover".
      Для background-image задаётся только параметр url.
      developer.mozilla.org/ru/docs/Web/CSS/Reference

  • @alent0
    @alent0 Před 4 lety

    *Красавчег))) Будут ли уроки по жс?*

  • @Skvorro
    @Skvorro Před 5 lety +1

    Опубликовано 7 мая, действие купона до 9 апреля. Спасибо!

  • @prosonu448
    @prosonu448 Před 4 lety +1

    Я разделила окно breackets на 2 части, в левой набираю код html, а в правой css. Подскажите пожалуйста, как разом скопировать все стили из html, и вставить их в css (знаю что в саблайн текст такая функция есть)

  • @MukhITAcademy
    @MukhITAcademy Před rokem +2

    Спасибо спасибо спасибо спасибо спасибо спасибо спасибо спасибо спасибо спасибо спасибо спасибо спасибо спасибо спасибо спасибо

  • @alizhilov1391
    @alizhilov1391 Před 10 měsíci

    Здравствуйте а в брэкэте больше двух вкладок как настроить?

  • @dron6410
    @dron6410 Před 5 lety

    Помоги, пожалуйста, у меня не работает хром, что делать?

  • @lllYMHA9I_KAPOBA
    @lllYMHA9I_KAPOBA Před 2 lety

    есть ли способ использовать его сейчас - вроде как установка плагинов недоступна

  • @beststyle7704
    @beststyle7704 Před rokem

    Как сделать чтоб Life Preview открывал как у вас через Safari, а не через Chrome?.

  • @otto.m124
    @otto.m124 Před 3 lety

    Плагин релоуд ( автоматическое обновление страницы при работе) не работает почему то, активирован но не работает, вообще какая то ломанная версия по ссылки в описании скачивается, может это у меня одного... По умолчании HTML страницы на английском стоит ( через таб если при помощи плагина, lang="en" ) это что каждый раз исправлять?

  • @yoltart7694
    @yoltart7694 Před 3 lety +1

    Ребят помогите , не могу установить плагин Emmet на Brackets -захожу в менеджер расширения не устанавливает пишет не удалось установить , скачал плагин на Github попробовал в ручную, пишет ошибка расширения.

  • @pavelvip6818
    @pavelvip6818 Před 5 lety +55

    будут ли уроки по javascript ?

  • @klen1079
    @klen1079 Před 2 lety

    Установил вчера Brackets на комп c Linus Mint из внутреннего менеджера программ. Редактор встал норм, но вкладка с плагинами пустая. Т.е совсем. Ни один плагин не отображается. Внизу, предлагается вручную ввести поле ввода URL откуда должны быть устанавливать плагины. Какой адрес вводить? Я пробовал скачивать прогу и с сайта разработчика, и устанавливать из командной строки - результат тот же... Это из-за линкса или потому, что Адоб прекратил поддержку этого редактора? Во-общем не знаю, что делать. Надеюсь поможете советом... Спасибо заранее.

  • @zMxxxxxxxxxx
    @zMxxxxxxxxxx Před 3 lety

    Как называется плагин для выбора цвета ?

  • @Asadbek-fp6uh
    @Asadbek-fp6uh Před 3 lety +1

    Очень прошу тебя помоги с настройкой PHP искал в интернете нашел кучу видео на индийском языке сделал все как понял но не помогло. Несколько месяцев уже мучаюсь с этой темой, писал обратную форму на php. Выдает ошибку: PHP runtime not found. Install PHP 7 runtime and update "executablePath" in Php preferences appropriately.......

  • @Aleksandr--K4199
    @Aleksandr--K4199 Před rokem

    добрый день вам.А У меня почему то не работает команда эммета ! и таб?

  • @mouserailway
    @mouserailway Před 2 lety

    а как вы палитру отобразили на 11:49?

  • @Aranel_Ithil
    @Aranel_Ithil Před 3 lety

    Подскажите, пожалуйста, я только начинаю изучать эту тему и хочется узнать, стоит ли сразу установить все, рекомендованные вами, плагины, даже если я не понимаю для чего они нужны?

    • @BrainsCloud
      @BrainsCloud  Před 3 lety

      если не понимаете, тогда не нужно

  • @user-fy3jo6nj3b
    @user-fy3jo6nj3b Před 3 lety +1

    Подскажите, как выбрать палитру цветов,пожалуйста!

  • @BastetRa
    @BastetRa Před 3 lety

    понятно. но live не работает. загрузка в брекетсе прлсто зависает. один раз за час открыло и пишет нет соединения с интернетом. интернет отличный