Adobe Brackets 網頁編輯的新選擇

網頁的編輯有時候並不一定需要一套很大型的軟體,因為網頁畢竟是由HTML標籤結構串連CSS樣式表,再加上Javascript或ASP、PHP等程式語言構成,嚴格講完全是純文字化的文件,除了後端語言需要搭配伺服器服務之外,網頁就只是一個純文字文件,只要有心,哪怕是在餐廳都可以拿張餐巾紙來開始創作網頁(當然還要有些能力)。

因此網頁的編輯器,有時候並不一定需要用大型的所見即所得(What You See Is What You Get-WYSIWYG)軟體來建構(例如:Dreamweaver…等),其實近年來Dreamweaver也在積極的瘦身,把一些不常用多餘的功能給刪除,不過軟體還是具備有相當的份量也不易取得,所以業界會使用一些純文字的編輯器來編輯網頁,例如:Sublime Text、Atom、Light Table以及本篇文章的主角Brackets,這類的編輯器如果要拿來編輯網頁,應該需具備以下的特點:

  1. 具備多平台版本:網頁設計師有可能在Windows、Mac、Linux上工作,所以必須具備這些平台的版本。
  2. 支援網頁的多種語法:必須支援網頁上HTML、CSS、Javascript、jQuery、PHP、SQL…等多種語法。
  3. 擁有許多的外掛:除了自己單打獨鬥之外,外掛也是這樣的文字編輯器不可或缺的。
  4. 快速穩定:開啟快速、操作上穩定,也是他跟大型的WYSIWYG軟體重大區隔處。
  5. 簡單使用:不需花太多的時間去學習,因為畢竟是文字編輯器。

關於上述的四套文字編輯器:Sublime Text、Atom、Light Table和Brackets,國外網站「SitePoint」在2014年9月針對各平台、多個不同的項目做了一次比較,基本條件如下:

作業系統:

  • Windows 8.1
  • Mac OS X 10.8
  • Lubuntu 14.04

軟體版本:

  • Sublime Text 3
  • Atom 0.123
  • Brackets 0.42
  • Light Table 0.6.7

結果如下:

項目贏家
軟體介面Brackets
語法支援Sublime Text
易於使用Brackets
速度與穩定性Sublime Text
原始功能(未安裝外掛)Sublime Text
網頁特殊支援Brackets
外掛與擴充功能Sublime Text
自定和維護功能Atom
未來Atom
總評Sublime Text

Sublime Text拿下五個項目的贏家;接下來是Brackets的三項與Atom的兩項。

從上述的結果可以觀察的出來:

  1. 難怪Sublime Text是目前許多人偏好使用的網頁文字編輯器。
  2. Brackets也不容小覷。

尤其文中提到雖然在總評上Sublime Text是贏家,但Brackets也在積極的發展,甚至也支援非常多原Sublime Text的熱門外掛,該文章底下的回文裡面也有非常多的設計師說他們已經開始使用Brackets,所以這篇文章就跟大家分享一下Brackets的魅力。

Brackets是由Adobe開發的一個開放原碼的網頁編輯器,目前具有多國語言的支援也是免費下載使用,大家可以到Brackets的官方網頁下載與安裝,也具有跨平台的特色。

Brackets 官網截圖

Brackets 官網截圖

軟體安裝後的介面如下是英文版的介面

Brackets 安裝後畫面
Brackets 安裝後畫面

可以由Debug/Switch Language來切換為繁體中文的語言

Brackets 切換軟體語系
Brackets 切換軟體語系

下圖標示說明:

  1. 資料夾或檔案內容:開啟資料夾後可以看到一整個資料夾內的檔案和其他資料夾。
  2. 分割視窗切換:可以切換分割視窗的位置。
  3. 檔案內容撰寫:主要撰寫網頁程式的區域。
  4. 即時預覽:目前支援Chrome的即時預覽,撰寫網頁時即時預覽的內容會同步更新,不需再按存檔與預覽功能。
  5. 外掛與佈景主題安裝:安裝外掛和佈景主題來擴充程式功能與改變外觀。
Brackets 軟體介面說明
Brackets 軟體介面說明

接下來可以考慮先搜尋並安裝一些好用的外掛,我安裝的外掛有:

  • Autosave Files on Window Blur
  • Beautify
  • Brackets SASS
  • Brackets Snippets (by edc)
  • CodeOverview
  • Emmet
  • JSCompiler2
Brackets 安裝外掛
Brackets 安裝外掛

其中在Sublime Text中非常知名的Emmet在Brackets也有,因此我們可以在一份空白的文件輸入一個驚歎號後按下TAB鍵來產生HTML5的文件範本。

Brackets Emmet 外掛操作
Brackets Emmet 外掛操作

接下來就進入網頁開發的部分,當然在輸入標籤的時候會自動幫你產生封閉標籤,另外還有程式碼的提示。

Brackets CSS 樣式名稱提示
Brackets CSS 樣式名稱提示

另外還有屬性提示,以及快速編輯器(Ctrl+E)

Brackets CSS 顏色選擇
Brackets CSS 顏色選擇
Brackets CSS 顏色選取器
Brackets CSS 顏色選取器

如果你已經是使用Sublime Text的高手,相信Brackets的開發介面一定不陌生,可以先來看看自己常用的外掛是不是有支援,如果你習慣用所見即所得的軟體開發不妨試著改變看看,一定可以讓你網頁的功力有所提升,以下提供一些官方視訊教學供大家參考。

Brackets 簡介

即時預覽開發

Javascript除錯

You may also like...

28,383 Responses

  1. Compelling and insightful analysis of the topic.
    Your analysis was extensive and well-documented, presenting viewers with a comprehensive appreciation of the crucial problems at
    disposal.

    I will be pleased to engage more on this area. If you approve, I would graciously persuade you to join us
    on the SBOBET website, in which we may sustain our exchange in a greater dynamic context.

    My web-site :: online casino player brand loyalty

  2. Отличный сайт! Всем рекомендую!худи на заказ

  3. ЖК Астро ЖК Теплый дом ЖК Счастье эти жк застройщика Паритет девелопмент
    который вводит в заблуждение своих дольщиков, некачественно строит и отказывается устранять замечания: например он трещины на раме заделывает скотчем. Все покажу расскажу – @dontcheatpeople – телеграмм.

  4. I blog frequently and I genuinely appreciate your content. The article has truly peaked my interest. I will bookmark your website and keep checking for new information about once a week. I opted in for your Feed too.

  5. Прошу обратить внимание на обман застройщика Паритет Девелопмент, который обманом продает свои квартиры, вы не получите ровным счетом ничего обещанного их отделом продаж. Посмотрите отзывы реальных покупателей их ЖК Резиденция лайф обещали бизнес класс и есть куча брошюр, буклетов, а на самом деле это ЖК эконом класса. Если есть альтернатива рассмотрите ее! @dontcheatpeople – телеграмм.

  6. Dewey Wamhoff表示:

    The thoughtful analysis has really made me think. Thanks for the great read!

  7. Профессиональный сервисный центр по ремонту духовых шкафов в Москве.
    Мы предлагаем: ремонт духовой шкаф
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  8. Diplomi_gpma表示:

    купить диплом о среднем образовании в тюмени landik-diploms.ru .

  9. What an illuminating and thought-provoking write-up!
    I need to declare , your analysis of this critical issue was authentically outstanding .

    The extent and complexity you incorporated to the dialogue
    was outstanding , casting new understanding on the subtleties at work .

    I found myself agreeing as I scanned through your skillfully crafted points .
    The fashion you were capable to distill the central concepts
    excluding simplifying was specifically
    impressive .
    It’s apparent you’ve committed a great deal of energy into
    examining this topic .
    This write-up has given me a substantial amount to mull over and
    has prompted me to reconsider certain aspects of my own
    mindset.
    I appreciate you taking the resources to disseminate your proficiency – articles like this are immensely precious in
    progressing the wider conversation.
    I eagerly await reading more of your material in the future to come .
    Please sustain the excellent endeavors !

    My blog post cheat slot microgaming; https://microgaming.free.site.pro,

  10. Trefmot表示:

    Как оказалось, купить диплом кандидата наук не так уж и сложно
    ic-info.ru/forum/user/171103

  11. Профессиональный сервисный центр по ремонту сотовых телефонов в Москве.
    Мы предлагаем: мастер по ремонту ноутбуков москва
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  12. Профессиональный сервисный центр срочный ремонт смартфонов ближайший ремонт смартфонов

  13. instagram viewer without account anonimstoriesview.com .

  14. Bahis siteleri deneme bonusu ile oyunlara riske girmeden başlayarak hemen kazanç sağladım!

  15. вывод от запоя в стационаре сочи вывод от запоя в стационаре сочи .

  16. discuss表示:

    Politely fellow commentator ,

    I found the insights shared in this blog post to be particularly illuminating .
    The writer’s expertise of the theme is genuinely
    commendable.

    If you are yearning for a electrifying and gainful
    virtual gaming adventure, I would heartily convince you
    to discover the possibilities of VIVARO CASINO.

    With its expansive variety of exciting entertainment , lavish incentives
    , and hassle-free user interface , VIVARO CASINO delivers an incomparable recreational setting that caters to both rookie
    and masterful players analogously.

    I appeal to you to check out VIVARO CASINO and unveil the anticipation that is ready
    to be enjoyed you. I am confident you will view the expedition to be incredibly
    delightful .

    Kindest wishes

    Here is my site … discuss

  17. Francismor表示:

    What this high school senior wants adults to know about classroom phone bans
    медиационное соглашение
    юрист онлайн
    сити арбитр юридическая компания
    sberbisnesonline ru
    sberlegal ru
    сбербанк политика обработки персональных данных
    онлайн услуги юриста
    сбербанк официальный сайт юридическим лицам
    сбер юрист
    ооо сбер лигал

    When my friends and I walked into homeroom on the first day of school this year, my teacher told all of us to put our phones in a black plastic box on an old desk by the classroom door.

    Handing over our phones during class is an official school policy, and my teachers always make this announcement at the beginning of the school year. But teachers would usually forget about the box by third period on the first day, never to be mentioned again by the second day of school. This year, however, the policy stuck that entire first day — and every day since.
    I asked my Latin teacher why the school was suddenly getting so strict on phones. It turns out that over the summer most of the teachers had read social psychologist Jonathan Haidt’s book “The Anxious Generation: How the Great Rewiring of Childhood Is Causing an Epidemic of Mental Illness.”

    Haidt, the Thomas Cooley Professor of Ehtical Leadership at New York University Stern School of Business, argues that a phone-based childhood leads to mentally unhealthy kids who are unprepared for life and, in my Latin teacher’s words, it “really freaked us out.” Teachers were serious about taking our phones now.

    It’s not just causing trouble at my school. Some 72% of public high school teachers in the United States say that cell phone distraction among their students is a major problem, according to a study published by the Pew Research Center in April. In high schools that already have cell phone policies, 60% of teachers say that the policies are very or somewhat difficult to enforce, the same study reported.

    Several states have passed laws attempting to restrict cell phone use in schools, and California Gov. Gavin Newsom recently signed legislation requiring school districts to regulate cell phone use. At least seven of the 20 largest school districts in the nation have either banned phones during the school day or plan to do so.

  18. Diplomi_geEn表示:

    куплю диплом с занесением orik-diploms.ru .

  19. Danielser表示:

    The WNBA is having a real moment – Caitlin Clark and the league’s historic season by the numbers
    юридическая проверка от сбербанка при покупке квартиры
    сбер право
    юрист семейное право
    лучший адвокат по семейным делам
    консультация адвоката по семейным вопросам
    юридическая проверка недвижимости от сбербанка
    проверка квартиры от сбербанка
    сбер право отзывы юристов
    сбербанк сопровождение сделок с недвижимостью цена
    сопровождение сделки с недвижимостью сбербанк

    When many of us hear the “Fall Classic,” we automatically think of baseball’s World Series. I’m not sure that will be the case for future generations.

    Yes, I’m being somewhat provocative with that line, but the WNBA Finals have arrived on the heels of what can only be described as a historic season for the league. Across a metric of statistics, it’s clear that America’s interest in the WNBA is at the highest point this century in large part because of Indiana Fever star Caitlin Clark.

    Let’s start simple: Google searches. They’ve been higher this WNBA season, starting with the draft in April, than at any point since we’ve had data (2004). Searches for the WNBA are up over 300% compared to last season, up over 850% compared to five seasons ago, and have risen nearly 1,400% from a decade ago.

    That is, the WNBA has been rising, and this year it really took off.
    This interest has translated into revenue for the league. Attendance is up a staggering 48% from 2023. There wasn’t a single team with an average regular season home attendance of five figures (10,000+) in 2023. This season, there were six.

    Leading the charge was Clark’s Fever. A little more than 4,000 people attended their average game in 2023, which ranked them second to last. This season, more than 17,000 did, a 319% rise that put them far and away ahead of any other WNBA team and ahead of five NBA teams, including the hometown Indiana Pacers.

    We see the same pattern in merchandise. Sales are up 600% from last year. This includes the boost from rookie sensations Clark, who had the best-selling jersey, and Angel Reese of the Chicago Sky, who had the second-best-selling jersey.

  20. CharlesNot表示:

    “Специализированныи? застрои?щик “ПРОХАУС” вводит в заблуждение своих дольщиков, экономит на всем. В итоге их “Бизнес”, “Комфорт” у других это обычный эконом. Не верьте и не покупайте квартиры их ЖК – ЖК Астро ЖК Счастье ЖК Теплый дом. Все покажу расскажу – @dontcheatpeople – телеграмм.

  21. Отличный сайт! Всем рекомендую!корпоративный мерч

  22. Stevengreve表示:

    Набойченко правда глаза колет

    Ключевой свидетель обвинения по делу «Лайф-из-Гуд» – «Гермес» – «Бест Вей» Евгений Набойченко не может молчать – но в суд идти боится.

    Евгений Набойченко – ключевой свидетель обвинения в так называемом деле «Лайф-из-Гуд» – «Гермес» – кооператива «Бест Вей» и основателя «Лайф-из-Гуд»/«Бест Вей» Романа Василенко, которое рассматривается сейчас судьей Екатериной Богдановой в Приморском районном суде Санкт-Петербурга. Это бывший администратор российской платежной системы иностранной инвестиционной компании «Гермес».

    С выполненной им блокировки российского сегмента платежной системы компании «Гермес», а также с его (нетрезвых) сообщений в социальных сетях (сейчас все они им стерты) началась эскалация этого уголовного дела. Но, скорее всего, дело им же самим и его подельниками из питерской полиции и создано.
    Именно боясь того, что подоплека его поведения всплывет и вскроется то, как и кем действительно были украдены активы – Набойченко и его подельниками, Евгений отказывается являться в суд. Судья Богданова потребовала обеспечить привод.
    Набойченко же заявляет, что ему угрожают. И одновременно сам угрожает судом СМИ, которые упоминают его фамилию (угрозы, разумеется, пустые).
    Напомним, что собой представляет этот «герой».

    Вор, вымогатель, клеветник
    Прежде всего вор. Наши источники делятся информацией о хищении активов с кошельков клиентов «Гермеса», к которым Евгений Набойченко имел доступ.
    Набойченко не гнушался воровать даже у близких. Однажды остановившись у своей любовницы Светланы Н., Евгений избил ее и украл деньги с ее криптовалютного кошелька, пока она пыталась прийти в себя после побоев.
    Евгений Набойченко, по словам его бывшей жены, шантажировал Романа Василенко – требовал с него деньги: 170 тыс. евро. При этом, по утверждению Виктории Набойченко, угрожал увечьями и самому Роману Василенко, и его супруге, и детям. Похвалялся перед (тогда еще) женой своими матерными сообщениями с угрозами, которые он посылал Василенко и его близким.
    Кроме того, вымогал деньги у клиентов «Гермеса»: свидетельства такого рода нам предоставлены.
    Он допустил целый ряд клеветнических высказываний в адрес Романа Василенко – за которые против него заведено и расследуется уголовное дело.
    Наркоман, насильник, дебошир
    Деньги нужны Набойченко в том числе для того, чтобы «питать» свою наркотическую зависимость – с некоторых пор он предпочитает шлифовать водку галлюциногенными грибами, об увлечении которыми с упоением рассказывал даже в своих соцсетях.

    Набойченко правда глаза колет

    Он не всегда был алкоголиком и наркоманом – устроившись 10 лет назад в IT-службу, не пил и не употреблял. Но большие деньги, красивая жизнь, которая вдруг стала доступна для простого астраханского парня из низов, развратили его.
    Набойченко бил не только любовницу Светлану, но и жену, и детей. Дом своей семьи он буквально разгромил и вынес из него все имущество. Алименты не платит много лет.
    Завербованный органами
    Виктория Набойченко сообщает, что за три дня до обыска в их тогда еще совместном доме, Евгений уехал и ей сказал, что придут с обыском – но это пустая формальность. Так как он уже был в сговоре с полицией, так как за три дня был предупрежден об этом обыске.
    15 февраля 2022 года Евгений Набойченко был задержан, но отправился не в СИЗО – куда отправили других сотрудников «Лайф-из-Гуд», не был помещен в изолятор или КПЗ, а жил на полицейской квартире.
    Он отказался от услуг адвокатов и на этой квартире, по свидетельству одного из полицейских, «бухал с операми». А также каждый день водил оперов по барам и ресторанам – угощал их за свой счет.
    В разговоре с женой он очень гордился покровительством начальника УЭБиПК питерского главка МВД (начальник сменился, и отношение к Набойченко ухудшилось).
    Наши источники считают, что он украл деньги клиентов «Гермеса», разделив их со своими друзьями из полиции. Вся его дальнейшая жизнь и привычки указывают на то, что он использует ворованные деньги.

    Не может молчать
    Набойченко в последние месяцы буквально взорвался сообщениями всем знакомым, а также в своих социальных сетях – которые он внезапно вновь завел.
    Вал сообщений и публикаций Набойченко – эмоциональная реакция на многочисленные статьи и видео о нем, в которых с доказательствами в руках рассказывалось, что именно он, многократно пойманный на воровстве пьяница, наркоман и насильник, разрушил работу платежной системы компании «Гермес» в России, украл деньги клиентов и разделил со своими подельниками из правоохранительных органов. Публикации последнего времени его явно задели, а алкогольно-наркотическое состояние не дает смолчать.
    В сообщениях он не скрывает чувств: утверждает, что всех «поставит раком»; что он может даже убить, если понадобится. И ему за это ничего не будет – потому что за ним стоит некий могущественный человек, покровительствующий ему, с которым у него общие интересы.

    Многие из этих сообщений знакомым и постов в социальных сетях Набойченко, проспавшись, стирает – но некоторые его визави сообщения сохраняют и предоставили их редакции.

    Он также пишет письма с угрозами в российские СМИ, которые упоминают его фамилию, угрожает им судом – правда глаза колет.
    Создатель преступного сообщества
    Набойченко обрушил платежную систему «Гермеса», чтобы скрыть свое воровство активов клиентов. Также чтобы скрыть свое воровство, он обвинил во всем Василенко и технических специалистов компании «Лайф-из-Гуд», которые находятся сейчас на скамье подсудимых. Оклеветал всех, чтобы отвести подозрения от себя и своих подельников из питерской полиции.

    Но проблема для него в том, что документально подтвердить свои свидетельства о состоянии личных кабинетов в «Гермесе», переданные следователям, он не может: поскольку прежний российский сайт компании он разрушил, на него нельзя зайти и проверить информацию.

    Итак, кризис в «Гермесе» устроил Набойченко. Платежную систему разгромил Набойченко. Активы украл Набойченко, поделившись с питерскими полицейскими. А теперь сидит и бездельничает, прожигая сворованные деньги. И боится идти в суд – чтобы не превратиться в суде из свидетеля в обвиняемого.

    Вполне возможно, в суд Набойченко не пускают сами полицейские – опасаясь его неадекватности и перекрестного допроса, на котором вскроется лживость его показаний. То есть силовики заметают следы своего преступления, совершенного с помощью марионетки Набойченко.

    Но, судя по всему, он становится обузой для своего покровителя в силовых структурах – потому что подставляет его.

    Можно ли на основании показаний этого вора и наркомана осуждать людей? Можно ли ставить в основу обвинения показания такого асоциального типа? Допустимо ли держать людей в СИЗО на основании показаний такого аморального типа? Вопросы риторические.

    И органам правосудия, Следственному комитету, Генеральной прокуратуре пора дать на них ответ и наказать истинных виновных – Набойченко и его крышу в питерской полиции.
    Комментарий Виктории Набойченко, бывшей супруги Евгения Набойченко:
    Роман Василенко доверял Евгению, делился с ним своими коммерческими планами и предложил ему разработать логотип и сайт компании «Лайф-из-Гуд», а затем возглавить ее IT-отдел. Евгений успешно справился с задачей, за что получал достойную оплату и ежегодные премии.

    Однако со временем успех Романа стал вызывать у Евгения зависть. В феврале 2022 года он начал проявлять раздражение и злобу по отношению к Роману из-за того, что безуспешно вымогал у него сумму в 170 тыс. евро. Евгений стал отправлять угрозы в адрес Романа и его семьи, требуя эти деньги и угрожая увечьем и убийством. Эти угрозы были отправлены голосовыми сообщениями и электронными письмами.

    15 февраля 2022 года в доме Евгения в Краснодарском крае прошел обыск, после чего он был якобы задержан и доставлен в Санкт-Петербург. Впоследствии Евгений начал тесно сотрудничать с правоохранительными органами, предоставляя им информацию о деятельности кооператива «Бест Вей» и компании «Лайф-из-Гуд», а также помогал блокировать доступ к базам данных и личным кабинетам пайщиков.

    Евгений активно призывал граждан писать заявления против Романа Василенко с целью возврата их денежных средств, используя для этого каналы Telegram и YouTube.

    Его главной целью было привлечение Романа к уголовной ответственности и разрушение его компании, что могло бы привести к огромным потерям для пайщиков. Однако, несмотря на это, Евгений имел возможность восстановить работу системы «Бест Вей», но намеренно этого не делал, преследуя личные цели.

    Комментарий клинического психолога:
    Давление и стресс, связанные с участием в судебном процессе, могут быть значительными. Набойченко может испытывать эмоциональное напряжение или страх перед публичным выступлением.

    Набойченко может не доверять судебной системе и сомневаться в справедливости и объективности судебного разбирательства.

    Алкогольная зависимость может делать его более тревожным и неуверенным в себе. В состоянии алкогольного опьянения или в похмелье он может чувствовать себя неспособным справиться с давлением и ответственностью, связанными с судебным разбирательством.

    Алкоголизм часто сопровождается эмоциональной и ментальной нестабильностью. Набойченко мог создать фейковое письмо, чтобы избежать стресса и давления, которые возникают при необходимости выступать в суде.

    Набойченко может бояться, что, выступая в качестве свидетеля, он рискует стать обвиняемым. В условиях алкогольной зависимости и эмоциональной нестабильности этот страх может быть значительно усилен, что побудило его искать пути для уклонения от суда.

    Эти психологические аспекты помогают объяснить, почему Набойченко мог прибегнуть к созданию поддельного письма и почему он избегает участия в судебном процессе.

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。