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...

29,950 Responses

  1. Если вы искали где отремонтировать сломаную технику, обратите внимание – выездной ремонт бытовой техники в москве

  2. Edwardtuh表示:

    1xbet: 1хбет – 1xbet

  3. Если вы искали где отремонтировать сломаную технику, обратите внимание – профи екб

  4. sitemap.xml表示:

    I amm actully thankful to the holder off thi website wwho hass shared
    this impressivee pot aat att this time.

  5. JamesNut表示:

    Have the Charges Against Vasilenko for Fraud Been Dropped?
    Бест Вей
    According to various sources, the criminal prosecution of Roman Vasilenko, the founder of the marketing company “Life-is-Good” and the cooperative “Best Way,” may be discontinued. Law enforcement agencies, as informed by several senators and State Duma deputies, have re-evaluated the charges against him, taking into account that several witnesses, including those critical of Vasilenko, suggest that he is unlikely to be involved in fraud. This is primarily because he did not have direct access to the payment system servers, and it was the former IT director of “Life-is-Good,” Evgeny Naboychenko, who had been previously implicated in fraudulent activities. Vasilenko may be at fault only for having recruited Naboychenko in 2014, despite negative signals regarding his behavior and tendencies to appropriate others’ property.

    Roman Viktorovich Vasilenko is a business consultant from Saint Petersburg, the creator of a network of independent entrepreneurs promoting financial products under the auspices of the company he founded, “Life-is-Good,” and the founder of the International Business Academy (IBA).

    The network under the “Life-is-Good” brand promoted financial products such as Vista accounts for passive income by the foreign investment company “Hermes,” registered in Belize, and the acquisition of apartments in installments through the “Best Way” cooperative, which allowed members to either make an initial share payment or accumulate it in the cooperative’s account without interest. Notably, these legal entities are not directly connected.

    Vasilenko was neither a top manager nor an owner of “Hermes”—he cooperated with the company to promote its products in Russia. However, Naboychenko was an employee of “Hermes” and managed its payment system in Russia. He likely took this position on Vasilenko’s recommendation, but Vasilenko was not responsible for managing the payment system for “Hermes.”

    Unlike “Hermes,” Vasilenko was the founder and chairman of the board of the “Best Way” cooperative until the spring of 2021 (later serving as head of the supervisory board for about a year). Since spring 2022, he has been an ordinary member of the cooperative and is no longer part of its governing bodies.

    Vasilenko has worked not only in Russia but also in Kazakhstan, Kyrgyzstan, Belarus, Ukraine, Cyprus, Austria, and Hungary. Cooperative housing projects have been established in many of these countries.

    Additionally, Vasilenko is known as a philanthropist who has invested millions of rubles in supporting federal business initiatives (such as the “Synergy” forum), cultural initiatives (such as the “Dobrovidenie” festival), and other charitable activities (including support for children’s medical institutions).

    The Case

    The criminal case involving the Saint Petersburg marketing company “Life-is-Good,” the foreign investment company “Hermes,” and the “Best Way” cooperative registered in Saint Petersburg and operating throughout Russia was initiated in the fall of 2021 by the Main Investigation Department of the Ministry of Internal Affairs of Russia for Saint Petersburg and the Leningrad Region. In February of this year, the case was referred to the court and is currently being heard in the Primorsky District Court of Saint Petersburg.

    Ten people are on trial, including technical staff from “Life-is-Good” and Victor Vasilenko, Roman Vasilenko’s 83-year-old father, who is a retiree.

    The criminal case, currently being considered by the Primorsky District Court, raises many questions—these concerns existed from the beginning and have intensified as the case progressed. The defendants are charged with three articles: creating a financial pyramid, fraud, and organizing a criminal community.

    The total amount of damage is 282 million rubles, which is incomparable to the more than 8 billion rubles seized in the case, including 4 billion rubles in the accounts of the “Best Way” cooperative. The investigation has recognized 221 citizens as victims in the case.

    Roman Vasilenko was also charged in the criminal case being considered by the court and was put on the wanted list, including by Interpol, as he had reportedly been living abroad for family reasons since the COVID-19 pandemic. However, according to sources, Interpol and foreign states, including neighboring countries where he has been actively working, deemed his prosecution unjustified.

    Another criminal investigation related to Vasilenko, handled by the Saint Petersburg Main Directorate of the Ministry of Internal Affairs, concerns the management team of “Life-is-Good.”

    Questionable Accusations

    The court proceedings in the Primorsky District Court have so far not been very successful for the investigation and the prosecution: the vast majority of those who have testified in court so far have made claims against “Hermes” for amounts ranging from several hundred to several tens of thousands of rubles, which raises eyebrows—this is not a small claims court to discuss such sums! Prosecution witness Roman Roganovich, an IT service employee, testified that he did not post any illegal information on the “Life-is-Good” website or the cooperative’s website and did not witness any illegal activity.

    Moreover, the overwhelming majority of “Hermes” clients, numbering over two hundred thousand in Russia, and tens of thousands of “Best Way” cooperative members, according to representatives of organizations defending these entities, consider law enforcement agencies to be the source of their problems. They emphasize that it was Evgeny Naboychenko, the Saint Petersburg system administrator hired by “Hermes,” who dismantled the Russian payment system. And if anyone is responsible for the thefts, it is Naboychenko. It seems that law enforcement authorities are beginning to understand this fact as well.

  6. I was able to find good info from your articles.

  7. Если вы искали где отремонтировать сломаную технику, обратите внимание – ремонт цифровой техники москва

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

  9. Greetings! Very helpful advice within this article!
    It’s the little changes which will make the biggest changes.

    Thanks for sharing!

    my blog post … geekshealth.com/prodentim-reviews

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

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

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

  13. Thanks designed for sharing such a fastidious opinion, article is pleasant, thats
    why i have read it fully

    my site pro nerve 6 for neuropathy

  14. Escorts表示:

    I couldn’t refrain from commenting. Well written.

  15. Kindly fellow subscriber ,

    I found the insights shared in this blog post to be extremely eye-opening .
    The writer’s proficiency of the subject
    is genuinely commendable.

    If you are desiring a exhilarating and beneficial internet-based gaming excursion , I would cordially invite
    you to investigate the selections of VIVARO CASINO.

    With its wide-ranging array of stimulating amusements
    , plentiful perks , and smooth system , VIVARO CASINO provides an matchless recreational
    ambiance that suits both entry-level and skilled gamers alike .

    I prompt you to discover VIVARO CASINO and expose the stimulation that
    is ready to be enjoyed you. I am sure you will find the adventure to be
    exceptionally delightful .

    Cordial regards

    my homepage: online casino customer retention

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

  17. Flor表示:

    Salutations, associate reader. I must extol the author for their perceptive and masterfully-constructed
    blog post. The text was both insightful and contemplative, leaving me
    with a heightened understanding of the topic at hand.

    I would like to extend an recommendation to be a part of the distinguished PUSSY888 organization. This space offers a universe
    of amusement and joy, appealing to those who cherish the more distinguished things in life.
    I recommend you to uncover the varied options and captivate yourself in the riveting excursions that beckon you.
    Your involvement would be remarkably valued, and I eagerly await the chance
    to communicate with you more intimately within this illustrious cyber landscape

    My webpage – gambling self-exclusion; Flor,

  18. It’s hard to find experienced people on this subject, but you
    sound like you know what you’re talking about!
    Thanks

    Feel free to surf to my webpage – provadent ebay

  19. Antonethuth表示:

    End of an era: The big change coming to European travel in November
    работа вебкам удаленно

    In travel news this week: an accidental megadeal on first-class tickets, the world’s best-connected airport and why now is a good time to plan a trip to Europe. Plus a bit of relief for those of you traveling this Labor Day weekend.

    Goodbye to EU passport stamps
    Paper mementoes of our travels, from boarding cards to even passports themselves, are fast moving into obsolescence.

    The inky, smudgy joy of a fresh passport stamp will be a thing of the past for visitors to the 29 countries of the European Union Schengen Area starting November 10. That’s when the new automated Entry/Exit System (EES) comes into effect.

    It’s separate from the delayed ETIAS visa waiver program, which is due to start in the first half of 2025 and will mean travelers from outside the EU will be charged a €7 entry fee that is valid for three years.

    Destination inspiration
    Get your stamps while you can with these European vacation picks.

    Il dolce far niente – “the sweetness of doing nothing” – has been perfected by Italians on their vacations in southern sweet spots such as Naples, Ischia, Puglia, the Amalfi Coast and Capri. These remarkable photographs by UK photographer Lucy Laucht show how to relax the Italian way.

    In Hungary, the Gresham Palace is the grandest Budapest hotel of them all, having sat in its prime position overlooking the River Danube for more than a century. Here’s how this architectural gem looks in its current incarnation.

    Finally, if you’re considering a longer stay, an idyllic Swedish town is selling off land with prices so low you might think they’re mistakes. But Gotene, 320 kilometers (200 miles) southwest of Stockholm, is indeed selling plots with prices starting at just 1 krona, or 9 US cents, per square meter (11 square feet).

    Aviation news
    An airline accidentally offered a megadeal on first-class tickets, with 300 lucky customers getting savings of 85% off. Here’s what happened next.

    The staff at Australian flag carrier Qantas must have been flat-out like a lizard drinking sorting that mess out. And if you don’t understand that lingo, it’s time to check out our guide to Aussie slang.

    An airport on the edge of southeast Europe has been named the best connected in the world, with more than 300 direct flights to unique destinations. It’s been networking fast, too; it only opened in 2018.

  20. JasonHes表示:

    This city is developing the world’s tallest timber tower, again
    работа для девушек казань
    The US city of Milwaukee is already home to the world’s tallest timber tower. But another, even taller, wooden skyscraper could be added to its skyline, designed by Vancouver-based studio Michael Green Architects (MGA).

    The firm recently released plans for the development, which includes a 55-story tower made principally from mass timber — thick, compressed, multilayered panels of solid wood. If built, it would usurp the current world title holder, the 25-story Ascent tower by Korb + Associates Architects, as well as becoming the tallest building in the state of Wisconsin.

    MGA, which specializes in wooden architecture, hopes that the project will set a “new global benchmark for mass timber construction.”

    The project is part of the redevelopment of the Marcus Performing Arts Center, which opened in 1969 and won the Honor Award for Excellence in Architectural Design from the American Institute of Architects in 1970. Led by Neutral, which bills itself as a “regenerative development company,” the redesign will transform what is currently the center’s concrete parking lot into a space with residential units, offices, restaurants, cafes, grocery stores and public plazas. According to MGA, construction will cost an estimated $700 million. The plan is currently going through the city’s approval process, during which it is expected to evolve.

    Why timber?
    While the use of mass timber is steadily increasing worldwide, thanks to changes in building regulations and shifting attitudes towards the material, it has yet to match the sheer height of buildings made of concrete and steel — although a slew of timber high-rises have been proposed in recent years. MGA says its tower design would be approximately 600 feet (182 meters) tall — more than double the 284 feet (87 meter) tall Ascent tower.

    “The race for height is important,” said Michael Green, an architect and founder of MGA. “It’s not about showing off, it’s about showing what’s possible to the public.”

    He argued that the reason timber skyscrapers haven’t yet become mainstream is because climate change hasn’t been at the center of the conversation. “We didn’t really need to challenge the status quo of steel and concrete,” he said. “But because those materials are so hard on the climate, we had to find a different way to build towers and big buildings in general.”

  21. I enjoy what you guys tend to be up too. Such clever work and exposure!

    Keep up the wonderful works guys I’ve included you guys to my personal blogroll.

    my site: does herpesyl kill herpes

  22. Семейные расстановки Берта Хеллингера. https://rasstanovkiural.ru

  23. Системные расстановки: без корней нет крыльев. https://rasstanovkiural.ru

  24. Системные расстановки по Хеллингеру. https://rasstanovkiural.ru

  25. Great post. I was checking constantly this blog
    and I am impressed! Extremely useful information specially the last part 🙂 I care for such information much.
    I was looking for this particular info for a long time. Thank you and best
    of luck.

    Here is my blog post: testoprime reviews

  26. popeye news表示:

    This blog post is a goldmine of information! I’ve bookmarked it so I can refer back to it whenever I need a refresher on the topic.

  27. gay_yopr表示:

    Ставки на спорт для ЛГБТ сообщества | Gay 1xbet: уникальные возможности для LGBTQ+ | Полезная информация о 1xbet для геев | Куда лучше ставить гею на 1xbet? | Гид по ставкам на 1xbet для LGBTQ+
    videos porno gay in 1xbet videos porno gay in 1xbet .

  28. What an thought-provoking and reflective post ! I have to say ,
    your scrutiny of this vital subject was sincerely outstanding .

    The breadth and intricacy you introduced to the discussion was exceptional, casting new insight on the complexities
    at hand .
    I stumbled upon myself concurring as I scanned through your masterfully composed arguments .
    The fashion you were capable to purify the fundamental themes excluding
    simplifying was particularly remarkable .
    It’s clear you’ve devoted a considerable time of energy
    into examining this issue.
    This entry has offered me a significant amount to mull over and has
    pushed me to reassess specific aspects of my personal mindset.

    I cherish you taking the resources to impart your expertise
    – articles like this are so priceless in developing the more expansive discussion .

    I await with excitement skimming more of your content in the weeks to come .
    Please maintain the outstanding contributions!

    my web-site: micro gaming razer

發佈留言

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