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

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ก.ย. 2024
  • В этом видео поработаем с редактором кода Brackets. Разберемся как его настроить, покажу какие плагины Brackets я использую для своей работы, покажу возможности редактора и горячие клавиши.
    // Ссылки =================
    Основы HTML и CSS для начинающих: brainscloud.ru...
    Brackets: brackets.io/
    Горячие клавиши: github.com/ado...
    Emmet: docs.emmet.io/
    // О проекте =================
    Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд.
    На сайте проекта brainscloud.ru вы найдете много полезных закрытых материалов, а так же сможете поработать со мной лично, при наличии такого желания.
    // Соц. сети =================
    Мой ВК - odimaz
    Группа BC - brainsc...
    Мой Instagram: / dmitryvalak
    #brackets

ความคิดเห็น • 226

  • @LTN-Film
    @LTN-Film 3 ปีที่แล้ว +14

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

  • @rasalghul6551
    @rasalghul6551 5 ปีที่แล้ว +24

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

  • @ЭльмираГусейнова-ю7д
    @ЭльмираГусейнова-ю7д 4 หลายเดือนก่อน

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

  • @elenakhmweb9482
    @elenakhmweb9482 3 ปีที่แล้ว +1

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

  • @НикОлай-е6т1г
    @НикОлай-е6т1г 3 ปีที่แล้ว

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

  • @ndw6918
    @ndw6918 4 ปีที่แล้ว +3

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

  • @l1na233
    @l1na233 4 ปีที่แล้ว +8

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

  • @planetvine7269
    @planetvine7269 4 ปีที่แล้ว +11

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

  • @Good_BorisAV
    @Good_BorisAV 9 หลายเดือนก่อน

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

  • @BaDbKoO
    @BaDbKoO 4 ปีที่แล้ว +2

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

  • @eveningsunset9188
    @eveningsunset9188 2 ปีที่แล้ว

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

  • @outtacontrol8484
    @outtacontrol8484 5 ปีที่แล้ว +2

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

  • @ДидарДадибай
    @ДидарДадибай 4 ปีที่แล้ว +1

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

  • @asynco
    @asynco 4 ปีที่แล้ว +1

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

  • @FaikNagiyev
    @FaikNagiyev 2 ปีที่แล้ว +4

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

  • @ДаянаОмарова-ш7д
    @ДаянаОмарова-ш7д ปีที่แล้ว

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

  • @BKLG
    @BKLG 3 ปีที่แล้ว

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

  • @yizhak3092
    @yizhak3092 5 ปีที่แล้ว

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

    • @thekamol
      @thekamol 5 ปีที่แล้ว

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

    • @ЭйсВентура-б8д
      @ЭйсВентура-б8д 5 ปีที่แล้ว

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

  • @smert-chekistam
    @smert-chekistam 4 ปีที่แล้ว

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

  • @Veshalka02
    @Veshalka02 ปีที่แล้ว

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

  • @MukhITAcademy
    @MukhITAcademy ปีที่แล้ว +2

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

  • @whitewolf0258
    @whitewolf0258 3 ปีที่แล้ว +1

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

  • @fotimaxon777
    @fotimaxon777 3 ปีที่แล้ว

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

  • @egor4ikpomidor4ik90
    @egor4ikpomidor4ik90 4 ปีที่แล้ว +2

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

  • @ЕленаКлюева-к2х
    @ЕленаКлюева-к2х 3 ปีที่แล้ว

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

  • @АдинаЭгамберганова-э4я
    @АдинаЭгамберганова-э4я 4 ปีที่แล้ว +1

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

  • @ЕвгенийГолобоков-у8х
    @ЕвгенийГолобоков-у8х 4 ปีที่แล้ว +1

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

  • @tenseigan1
    @tenseigan1 4 ปีที่แล้ว +1

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

    • @nikleeru
      @nikleeru 4 ปีที่แล้ว +1

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

  • @pavelvip6818
    @pavelvip6818 5 ปีที่แล้ว +55

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

    • @lolololco911
      @lolololco911 5 ปีที่แล้ว +8

      Поддержу! тоже интересны уроки по javascript.

    • @vladislav8234
      @vladislav8234 5 ปีที่แล้ว +6

      Тоже АКТУАЛЬНО!

    • @farhadsamadov3598
      @farhadsamadov3598 5 ปีที่แล้ว +5

    • @arthurvolokhov1911
      @arthurvolokhov1911 4 ปีที่แล้ว +3

      Актуально!!!

    • @bender4000
      @bender4000 3 ปีที่แล้ว +2

      @Алексей Чабанов print(Актуально)

  • @yaroo3107
    @yaroo3107 4 ปีที่แล้ว

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

  • @MSMXVN
    @MSMXVN 3 ปีที่แล้ว

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

  • @vladislav8234
    @vladislav8234 5 ปีที่แล้ว

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

    • @BrainsCloud
      @BrainsCloud  5 ปีที่แล้ว

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

    • @vladislav8234
      @vladislav8234 5 ปีที่แล้ว +2

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

    • @BrainsCloud
      @BrainsCloud  5 ปีที่แล้ว

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

  • @СергійРемінський-н4й
    @СергійРемінський-н4й 4 ปีที่แล้ว

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

  • @olegrotari3878
    @olegrotari3878 3 ปีที่แล้ว

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

  • @ErnazarJumaniyazov-r1u
    @ErnazarJumaniyazov-r1u 10 หลายเดือนก่อน

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

  • @Магеллан-ь6щ
    @Магеллан-ь6щ 2 ปีที่แล้ว

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

  • @Катерина-ш3д
    @Катерина-ш3д 3 ปีที่แล้ว +2

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

  • @gaziznurgali2230
    @gaziznurgali2230 3 ปีที่แล้ว

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

  • @progerlife6690
    @progerlife6690 5 ปีที่แล้ว

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

  • @frey4404
    @frey4404 5 ปีที่แล้ว +8

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

  • @ВладПавленко-э4э
    @ВладПавленко-э4э 3 ปีที่แล้ว

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

  • @dobrMAV
    @dobrMAV 5 ปีที่แล้ว

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

    • @BrainsCloud
      @BrainsCloud  5 ปีที่แล้ว +1

      Пожалуйста!

  • @МиленаЧерникова-б8ц
    @МиленаЧерникова-б8ц ปีที่แล้ว

    Спасибочки 💖

  • @СергейЧерненко-ч1н
    @СергейЧерненко-ч1н 3 ปีที่แล้ว

    Класс

  • @ИгорьНово
    @ИгорьНово 3 ปีที่แล้ว

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

  • @Viktorres1
    @Viktorres1 4 ปีที่แล้ว +2

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

  • @Skeler667
    @Skeler667 4 ปีที่แล้ว

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

  • @armeniagames2819
    @armeniagames2819 5 ปีที่แล้ว +1

    You are the best

  • @Alectius
    @Alectius 3 ปีที่แล้ว

    Thank you!

  • @Volia-sv7
    @Volia-sv7 4 ปีที่แล้ว

    Спасибо!

  • @БеженарДмитро
    @БеженарДмитро 3 ปีที่แล้ว +2

    On September 1, 2021, Adobe will end support for Brackets. If you would like to continue using, maintaining, and improving Brackets, you may fork the project on GitHub. Through Adobe’s partnership with Microsoft, we encourage users to migrate to Visual Studio Code, Microsoft’s free code editor built on open source.

    • @averagefan9246
      @averagefan9246 3 ปีที่แล้ว +3

      Значит нужно переходить на visual studio code?

  • @prosonu448
    @prosonu448 4 ปีที่แล้ว +1

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

  • @miababusia5307
    @miababusia5307 3 ปีที่แล้ว

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

  • @arthurvolokhov1911
    @arthurvolokhov1911 4 ปีที่แล้ว

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

  • @SantaChannelClaus
    @SantaChannelClaus 3 ปีที่แล้ว

    Спасибо

  • @Asadbek-fp6uh
    @Asadbek-fp6uh 3 ปีที่แล้ว +1

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

  • @lezgin1823
    @lezgin1823 4 ปีที่แล้ว

    спасибо!!!

  • @beststyle7704
    @beststyle7704 2 ปีที่แล้ว

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

  • @hellohallo6897
    @hellohallo6897 3 ปีที่แล้ว +1

    On September 1, 2021, Adobe will end support for Brackets. If you would like to continue using, maintaining, and improving Brackets, you may fork the project on GitHub. Through Adobe’s partnership with Microsoft, we encourage users to migrate to Visual Studio Code, Microsoft’s free code editor built on open source. Привет, как ты прокомментируешь это, пользуешься ли ты этим редактором теперь?

  • @MacLeanShow
    @MacLeanShow 5 ปีที่แล้ว

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

  • @asadbekkenjabaev
    @asadbekkenjabaev 3 ปีที่แล้ว

    👍👍

  • @РамзанБерсанукаев-г3ш
    @РамзанБерсанукаев-г3ш 3 ปีที่แล้ว +1

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

  • @yoltart7694
    @yoltart7694 4 ปีที่แล้ว +1

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

  • @BastetRa
    @BastetRa 3 ปีที่แล้ว

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

  • @krepkovmeste
    @krepkovmeste 4 ปีที่แล้ว

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

  • @armanerekenov3658
    @armanerekenov3658 5 หลายเดือนก่อน

    подскажите, у меня подсветка перестала работать в лайф режиме, переустановка перестала работать

  • @alizhilov1391
    @alizhilov1391 ปีที่แล้ว

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

  • @mouserailway
    @mouserailway 2 ปีที่แล้ว

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

  • @rs-vo1po
    @rs-vo1po 5 ปีที่แล้ว

    danke, sehr gut!

  • @iansava4380
    @iansava4380 5 ปีที่แล้ว +1

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

  • @Bezdarnyi_Master
    @Bezdarnyi_Master 3 ปีที่แล้ว

    Не даёт сплошную вложенности. Только длинный пунктир получается. Я про плагин indent Guides. Указываю значение 'solid'- он длинный пунктир отображает. От него смысла....

  • @СергейВялов-ч5д
    @СергейВялов-ч5д 3 ปีที่แล้ว

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

  • @technouniverse7427
    @technouniverse7427 4 ปีที่แล้ว +2

    скачал emmet нажимаю tab и ничего в чем прикол как исправить у меня виндовс

    • @user-ly2jt2gl4m
      @user-ly2jt2gl4m 3 ปีที่แล้ว

      Ты скачал reverse emmet надo прoстo emmet

  • @Skvorro
    @Skvorro 5 ปีที่แล้ว +1

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

  • @klen1079
    @klen1079 2 ปีที่แล้ว

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

  • @peterkulko
    @peterkulko 4 ปีที่แล้ว +3

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

  • @lllYMHA9I_KAPOBA
    @lllYMHA9I_KAPOBA 2 ปีที่แล้ว

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

  • @footballpro1144
    @footballpro1144 3 ปีที่แล้ว

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

  • @МаксимБабкин-ю3п
    @МаксимБабкин-ю3п 2 ปีที่แล้ว

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

  • @КириллЯрушин-ф1у
    @КириллЯрушин-ф1у 4 ปีที่แล้ว

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

  • @prosonu448
    @prosonu448 4 ปีที่แล้ว +1

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

    • @Leevhu
      @Leevhu ปีที่แล้ว

      ctrl + ~(Ё)

  • @ДенисКравченко-э8р
    @ДенисКравченко-э8р ปีที่แล้ว

    А как ты сделал так что бы ты мог писать где угодно,у меня так просто полоска и пишется вместо кода

  • @АннаКравченко-ж8я
    @АннаКравченко-ж8я 3 ปีที่แล้ว

    Что делать когда мне пишет "Невозможно подсоединиться к каталогу разрешений"????

  • @Asadbek-fp6uh
    @Asadbek-fp6uh 3 ปีที่แล้ว

    а как настроить PHP ? У меня почему то, когда начинаю работать выдает ошибку php7round time is not founded...... может поэтому я не могу установить обратную форму связи? Помоги, реально измучился с обратной формой

  • @razikpro1884
    @razikpro1884 2 ปีที่แล้ว +1

    У меня не работает плагин emmet помогите пж

  • @baluchito1131
    @baluchito1131 3 ปีที่แล้ว

    adobe перестал поддерживать brackets, теперь прога не актуальна?

  • @iseoxe
    @iseoxe 4 ปีที่แล้ว

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

  • @vladvoron4646
    @vladvoron4646 3 ปีที่แล้ว

    On September 1, 2021, Adobe will end support for Brackets. If you would like to continue using, maintaining, and improving Brackets, you may fork the project on GitHub. Through Adobe’s partnership with Microsoft, we encourage users to migrate to Visual Studio Code, Microsoft’s free code editor built on open source.
    1 сентября 2021 года Adobe прекратит поддержку скобок. Если вы хотите продолжать использовать, поддерживать и улучшать скобки, вы можете раскошелиться на проект на GitHub. Благодаря партнерству Adobe с Microsoft мы рекомендуем пользователям перейти на Visual Studio Code, бесплатный редактор кода Microsoft , построенный на основе открытого исходного кода

  • @alixey59
    @alixey59 3 ปีที่แล้ว

    Решил погуглить какие там еще редакторы есть как альтернатива VS Code. Заинтересовал этот Brackets. Посмотрел видео, и думаю "ну давай попробуем", захожу на их сайт, а там
    "С 1 сентября 2021 мы прекращаем поддержку Brackets. Рекомендуем вам переходить на редактор от наших друзей из Microsoft - VS Code".
    Такие дела...

  • @realshowcast1362
    @realshowcast1362 4 ปีที่แล้ว

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

  • @СергейЧерненко-ч1н
    @СергейЧерненко-ч1н 3 ปีที่แล้ว

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

  • @Aranel_Ithil
    @Aranel_Ithil 3 ปีที่แล้ว

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

    • @BrainsCloud
      @BrainsCloud  3 ปีที่แล้ว

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

  • @martynevent
    @martynevent 3 ปีที่แล้ว

    Добрый день! Не работают плагины, которые сказали установить. Например тот же ! + Tab

    • @ИримчукЕгор
      @ИримчукЕгор 3 ปีที่แล้ว +1

      справа внизу измени с текста на HTML

  • @konstantinsurnin855
    @konstantinsurnin855 5 ปีที่แล้ว

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

  • @yourpain4969
    @yourpain4969 3 ปีที่แล้ว

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

  • @meirbek_kz_2636
    @meirbek_kz_2636 ปีที่แล้ว +1

    У МЕНЯ ПЛАГИН ЕММЕТ НЕ РАБОТАЕТ КОГДА НАЖИМАЮ TAB просто ПРОБЕЛ(?

    • @gign_141
      @gign_141 ปีที่แล้ว

      Решил проблему?

  • @ЭламанАбдылдаев-б8й
    @ЭламанАбдылдаев-б8й 3 ปีที่แล้ว

    я скачал эммет но все равно не работает в чем может быть пробллема ?

  • @alent0
    @alent0 4 ปีที่แล้ว

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

    • @BrainsCloud
      @BrainsCloud  4 ปีที่แล้ว

      все может быть

  • @МирланДарибаев
    @МирланДарибаев 2 ปีที่แล้ว

    как сохранить коды, и открыть новый файл?

  • @AlexXLRatFace
    @AlexXLRatFace 5 ปีที่แล้ว

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