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

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 พ.ค. 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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • @user-fd8jj3hj4i
    @user-fd8jj3hj4i 2 ปีที่แล้ว

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

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

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

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

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

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

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

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

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

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

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

  • @user-kr3nu5fw4x
    @user-kr3nu5fw4x 20 วันที่ผ่านมา

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

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

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

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

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

  • @user-ev7sz2xo5k
    @user-ev7sz2xo5k 4 ปีที่แล้ว +1

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

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

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

  • @user-bj8wg9gp1c
    @user-bj8wg9gp1c 4 ปีที่แล้ว

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

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

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

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

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

  • @user-ok6nf5to8u
    @user-ok6nf5to8u 4 ปีที่แล้ว +1

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

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

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

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

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

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

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

  • @user-dq7ql7cp8y
    @user-dq7ql7cp8y 3 ปีที่แล้ว +1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    • @user-tc9ml2mu5k
      @user-tc9ml2mu5k 4 ปีที่แล้ว

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

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

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

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

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

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

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

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

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

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

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

  • @user-iv4yz7bf9t
    @user-iv4yz7bf9t 4 ปีที่แล้ว

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

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

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

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

      Пожалуйста!

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

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

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

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

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

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

  • @Music-ii2kp
    @Music-ii2kp 4 ปีที่แล้ว

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

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

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

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

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

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

    danke, sehr gut!

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

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

  • @user-nu8ji2lt5f
    @user-nu8ji2lt5f 7 หลายเดือนก่อน

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

  • @user-pe5gw6bh6y
    @user-pe5gw6bh6y 4 ปีที่แล้ว

    Спасибо!

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

    Спасибочки 💖

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

    You are the best

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

    Thank you!

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

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

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

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

  • @user-eb7iy7qi3x
    @user-eb7iy7qi3x 5 ปีที่แล้ว

    спасибо!

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

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

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

    спасибо!!!

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

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

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

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

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

    Класс

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

    Спасибо

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

    спасибо

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

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

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

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

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

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

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

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

  • @user-fi5mh2si5e
    @user-fi5mh2si5e 2 ปีที่แล้ว

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

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

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

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

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

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

    Красава

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    👍👍

  • @user-no5gj1jr3c
    @user-no5gj1jr3c 3 ปีที่แล้ว +1

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

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

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

  • @user-sd6wq1dy5i
    @user-sd6wq1dy5i 4 ปีที่แล้ว

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

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

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

  • @user-pr1ov7ci7v
    @user-pr1ov7ci7v 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?

  • @andreybelyi3431
    @andreybelyi3431 10 หลายเดือนก่อน

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

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

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

  • @user-fy3jo6nj3b
    @user-fy3jo6nj3b 3 ปีที่แล้ว +1

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

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

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

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

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

  • @user-sd6ly1ic4u
    @user-sd6ly1ic4u 3 ปีที่แล้ว +1

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

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

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

  • @otto.m124
    @otto.m124 3 ปีที่แล้ว

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

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

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

  • @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

  • @user-kf1zb1wp9r
    @user-kf1zb1wp9r 2 ปีที่แล้ว

    Спасибо за урок. Раньше пользовался sublime text, но благодаря вашим урокам хочется перейти на брекетс. Но есть проблема: при открытии менеджера расширений ничего не загружается, пишет "невозможно подключиться к каталогу расширений" у меня версия брекетс 1.14.2-17770. Загрузил еммет вручную через "установить с URL" но он не работает. Если кто-то сталкивался с такой проблемой, как решили?

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

      пока с этим беда, советую перейти на vs code

    • @user-kf1zb1wp9r
      @user-kf1zb1wp9r 2 ปีที่แล้ว

      @@BrainsCloud Понятно, спасибо за совет - воспользуюсь) Тем более, что у вас на канале есть видео по нему тоже. Очень нравится ваш канал. Информация, подача и остальное на высшем уровне.

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

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

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

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

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

    Как сделать чтоб 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. Привет, как ты прокомментируешь это, пользуешься ли ты этим редактором теперь?

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

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