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

37,545 Responses

  1. JosephMaW表示:

    Greenland’s leader says US officials’ visit is ‘highly aggressive.’ Trump says it’s ‘friendliness, not provocation’
    extra finance
    Greenland’s prime minister said a planned visit to the island by US officials, including second lady Usha Vance, is “highly aggressive,” plunging relations to a new low after President Donald Trump vowed to annex the autonomous Danish territory.

    But despite the backlash, Trump has insisted the visit is about “friendliness, not provocation” – and claims the US team was “invited.”

    Vance, the wife of US Vice President JD Vance, will travel to Greenland this week to watch the island’s national dogsled race and “celebrate Greenlandic culture and unity,” according to a statement from the White House. National security adviser Mike Waltz is also expected to visit the territory this week, according to a source familiar with the trip.

    Greenland Prime Minister Mute B. Egede called the US delegation’s trip to the island “highly aggressive” in an interview with Greenlandic newspaper Sermitsiaq on Sunday, and raised particular objection to Waltz’s visit.

    “What is the national security adviser doing in Greenland? The only purpose is to demonstrate power over us,” Egede said. “His mere presence in Greenland will no doubt fuel American belief in Trump’s mission — and the pressure will increase.”

    Trump claimed on Monday that people in Greenland have responded warmly to the US’s recent interest in the territory. “They’re calling us. We’re not calling them. And we were invited over there,” he said.

    “We’re dealing with a lot of people from Greenland that would like to see something happen with respect to them being properly protected and properly taken care of,” Trump told reporters following a meeting with his Cabinet.

    “I think Greenland is going to be something that maybe is in our future,” Trump added.

    The president said he believes Secretary of State Marco Rubio would be traveling to Greenland too.

    Trump’s idea to annex Greenland has thrown an international spotlight on the territory, which holds vast stores of rare earth minerals critical for high-tech industries, and has raised questions about the island’s future security as the US, Russia and China vie for influence in the Arctic. Trump has repeatedly expressed interest in the US taking the island by force or economic coercion, even as Denmark and Greenland have firmly rejected the idea.

  2. Dwightkak表示:

    online canadian pharmacy review: usa canada pharm – usa canada pharm

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

  4. Rogerinhaw表示:

    Siham Haleem, a private tour guide for 15 years, says that Doha now has many world-class, modern museums — the National Museum of Qatar being a firm personal favorite. And yet he says that visiting Sheikh Faisal’s museum should still be on everybody’s to-do list.
    simpleswap
    “For those eager to learn about Qatar’s — and the region’s — heritage and beyond, the museum is an ideal destination,” he says. “Personally, I’m captivated by the car collection, the fossils, and especially the Syrian house, painstakingly transported and reassembled piece by piece.”

    Stephanie Y. Martinez, a Mexican-American student mobility manager at Texas A&M University in Qatar likes the museum so much she includes it on all of her itineraries for students visiting from the main campus in Texas.

    “The guided tours are very detailed, and the collections found at the museum have great variety and so many stories to unfold,” she says. “Truly, the museum has something to pique everyone’s interest. My favorites are the cars and the furniture exhibits showcasing wood and mother-of-pearl details. Definitely one of my favorite museums in Qatar, every time I visit I learn something new.”

    Raynor Abreu, from India, also had praise for the unusual and immense collection.

    “Each item has its own story, making the visit even more interesting,” he says. “It’s also impressive to know that Sheikh Faisal started collecting these unique pieces when he was very young. Knowing this makes the museum even more special, as it reflects his lifelong passion for history and culture.”

    It takes time and dedication to truly examine the many collections within the museum — especially since most of them are simply on display without explanation.

    Eclectic it may be, but it’s hard to fault the determination of Sheikh Faisal, who has brought together items that tell the story of Qatar and the Middle East.

    Sarah Bayley, from the UK, says she visited the museum recently with her family, including 16 and 19-year-old teenagers, and was won over by its sheer eccentricity.

    “Amazing. Loved it. It is a crazy place.”

  5. StephenCer表示:

    canadian pharmacy: onlinecanadianpharmacy – usa canada pharm

  6. RodgerJat表示:

    Remote and rugged
    eigenlayer
    A more organic way to see this coast is by the multi-day coastal ferry, the long-running Sarfaq Ittuk, of the Arctic Umiaq Line. It’s less corporate than the modern cruise ships and travelers get to meet Inuit commuters. Greenland is pricey. Lettuce in a local community store might cost $10, but this coastal voyage won’t break the bank.

    The hot ticket currently for exploring Greenland’s wilder side is to head to the east coast facing Europe. It’s raw and sees far fewer tourists, with a harshly dramatic coastline of fjords where icebergs drift south. There are no roads and the scattered population of just over 3,500 people inhabit a coastline roughly the distance from New York to Denver.

    A growing number of small expedition vessels probe this remote coast for its frosted scenery and wildlife. Increasingly popular is the world’s largest fjord system of Scoresby Sound with its sharp-fanged mountains and hanging valleys choked by glaciers. Sailing north is the prosaically named North East Greenland National Park, fabulous for spotting wildlife on the tundra.

    Travelers come to see polar bears which, during the northern hemisphere’s summer, move closer to land as the sea-ice melts. There are also musk oxen, great flocks of migrating geese, Arctic foxes and walrus.
    Some of these animals are fair game for the local communities. Perhaps Greenland’s most interesting cultural visit is to a village that will take longer to learn how to pronounce than actually walk around — Ittoqqortoormiit. Five hundred miles north of its neighboring settlement, the 345 locals are frozen in for nine months of the year. Ships sail in to meet them during the brief summer melt between June and August.

    Locked in by ice, they’ve retained traditional habits.

    “My parents hunt nearly all their food,” said Mette Barselajsen, who owns Ittoqqortoormiit’s only guesthouse. “They prefer the old ways, burying it in the ground to ferment and preserve it. Just one muskox can bring 440 pounds of meat.”

  7. ScottTaw表示:

    Iceberg flotillas
    debridge
    Located on the west coast, Ilulissat is a pretty halibut- and prawn-fishing port on a dark rock bay where visitors can sit in pubs sipping craft beers chill-filtered by 100,000-year-old glacial ice.

    It’s a place to be awed by the UNESCO World Heritage Icefjord where Manhattan skyscraper-sized icebergs disgorge from Greenland’s icecap to float like ghostly ships in the surrounding Disko Bay.

    Small boats take visitors out to sail closely among the bay’s magnificent iceberg flotilla. But not too close.

    “I was on my boat once and saw one of these icebergs split in two. The pieces fell backwards into the sea and created a giant wave,” said David Karlsen, skipper of the pleasure-boat, Katak. “…I didn’t hang around.”

    Disko Bay’s other giants are whales. From June to September breaching humpback whales join the likes of fin and minke whales feasting on plankton. Whale-watching is excellent all around Greenland’s craggy coastline.

    Whales are eaten here. Visitors shouldn’t be surprised to encounter the traditional Greenlandic delicacy of mattak — whale-skin and blubber that when tasted is akin to chewing on rubber. Inuit communities have quotas to not only hunt the likes of narwhals but also polar bears, musk-ox and caribou — which can also appear on menus.

  8. TimothyDok表示:

    USACanadaPharm USACanadaPharm USACanadaPharm

  9. Kevinwak表示:

    A long time in the making
    Curiosity landed in Gale Crater on August 6, 2012. More than 12 years later, the rover has driven over 21 miles (34 kilometers) to ascend Mount Sharp, which is within the crater. The feature’s many layers preserve millions of years of geological history on Mars, showing how it shifted from a wet to a dry environment.
    cbridge
    Perhaps one of the most valuable samples Curiosity has gathered on its mission to understand whether Mars was ever habitable was collected in May 2013.

    The rover drilled the Cumberland sample from an area within a crater called Yellowknife Bay, which resembled an ancient lake bed. The rocks from Yellowknife Bay so intrigued Curiosity’s science team that it had the rover drive in the opposite direction to collect samples from the area before heading to Mount Sharp.
    Since collecting the Cumberland sample, Curiosity has used SAM to study it in a variety of ways, revealing that Yellowknife Bay was once the site of an ancient lake where clay minerals formed in water. The mudstone created an environment that could concentrate and preserve organic molecules and trapped them inside the fine grains of the sedimentary rock.

    Freissinet helped lead a research team in 2015 that was able to identify organic molecules within the Cumberland sample.

    The instrument detected an abundance of sulfur, which can be used to preserve organic molecules; nitrates, which are essential for plant and animal health on Earth; and methane composed of a type of carbon associated with biological processes on Earth.

    “There is evidence that liquid water existed in Gale Crater for millions of years and probably much longer, which means there was enough time for life-forming chemistry to happen in these crater-lake environments on Mars,” said study coauthor Daniel Glavin, senior scientist for sample return at NASA’s Goddard Space Flight Center in Greenbelt, Maryland, in a statement.

  10. Dwightkak表示:

    canadian pharmacy world: the canadian pharmacy – usa canada pharm

  11. Leonardmooli表示:

    Everyone is talking about Greenland. Here’s what it’s like to visit
    cow swap

    A few months ago, Greenland was quietly getting on with winter, as the territory slid deeper into the darkness that envelops the world’s northerly reaches at this time of year.

    But President Donald Trump’s musings about America taking over this island of 56,000 largely Inuit people, halfway between New York and Moscow, has seen Greenland shaken from its frozen Arctic anonymity.

    Denmark, for whom Greenland is an autonomous crown dependency, has protested it’s not for sale. Officials in Greenland, meanwhile, have sought to assert the territory’s right to independence.

    The conversation continues to intensify. A contentious March 28 visit to a US military installation by Usha Vance, the second lady, accompanied by her husband, Vice President JD Vance, was the latest in a series of events to focus attention on Trump’s ambitions for Greenland.

    The visit was originally planned as a cultural exchange, but was shortened following complaints from Greenland Prime Minister Mute B. Egede.

    Had the Vances prolonged their scheduled brief visit, they would’ve discovered a ruggedly pristine wildernesses steeped in rich Indigenous culture.

    An inhospitable icecap several miles deep covers 80% of Greenland, forcing the Inuit to dwell along the shorelines in brightly painted communities. Here, they spend brutally cold winters hunting seals on ice under the northern lights in near perpetual darkness. Although these days, they can also rely on community stores.

    The problem for travelers over the years has been getting to Greenland via time-consuming indirect flights. That’s changing. Late in 2024, the capital Nuuk opened a long-delayed international airport. From June 2025, United Airlines will be operating a twice-weekly direct service from Newark to Nuuk.

    Two further international airports are due to open by 2026 — Qaqortoq in South Greenland and more significantly in Ilulissat, the island’s only real tourism hotspot.

  12. TimothyDok表示:

    canadian online drugs canadian pharmacy victoza canadian pharmacy meds

  13. Albertbiave表示:

    http://usacanadapharm.com/# canadian pharmacy drugs online

  14. StephenCer表示:

    USACanadaPharm: USACanadaPharm – usa canada pharm

  15. Dwightkak表示:

    legitimate canadian mail order pharmacy: usa canada pharm – USACanadaPharm

  16. Chesterwib表示:

    Curiosity has maintained pristine pieces of the Cumberland sample in a “doggy bag” so that the team could have the rover revisit it later, even miles away from the site where it was collected. The team developed and tested innovative methods in its lab on Earth before sending messages to the rover to try experiments on the sample.
    changelly exchange
    In a quest to see whether amino acids, the building blocks of proteins, existed in the sample, the team instructed the rover to heat up the sample twice within SAM’s oven. When it measured the mass of the molecules released during heating, there weren’t any amino acids, but they found something entirely unexpected.

    An intriguing detection
    The team was surprised to detect small amounts of decane, undecane and dodecane, so it had to conduct a reverse experiment on Earth to determine whether these organic compounds were the remnants of the fatty acids undecanoic acid, dodecanoic acid and tridecanoic acid, respectively.

    The scientists mixed undecanoic acid into a clay similar to what exists on Mars and heated it up in a way that mimicked conditions within SAM’s oven. The undecanoic acid released decane, just like what Curiosity detected.

    Each fatty acid remnant detected by Curiosity was made with a long chain of 11 to 13 carbon atoms. Previous molecules detected on Mars were smaller, meaning their atomic weight was less than the molecules found in the new study, and simpler.
    “It’s notable that non-biological processes typically make shorter fatty acids, with less than 12 carbons,” said study coauthor Dr. Amy Williams, associate professor of geology at the University of Florida and assistant director of the Astraeus Space Institute, in an email. “Larger and more complex molecules are likely what are required for an origin of life, if it ever occurred on Mars.”

  17. Albertbiave表示:

    http://usacanadapharm.com/# onlinecanadianpharmacy

  18. StephenCer表示:

    canadian pharmacy 24 com: canadian pharmacy online – onlinepharmaciescanada com

  19. Dwightkak表示:

    escrow pharmacy canada: canadadrugpharmacy com – rate canadian pharmacies

  20. Davidvew表示:

    While the Cumberland sample may contain longer chains of fatty acids, SAM is not designed to detect them. But SAM’s ability to spot these larger molecules suggests it could detect similar chemical signatures of past life on Mars if they’re present, Williams said.
    convex finance
    “Curiosity is not a life detection mission,” Freissinet said. “Curiosity is a habitability detection mission to know if all the conditions were right … for life to evolve. Having these results, it’s really at the edge of the capabilities of Curiosity, and it’s even maybe better than what we had expected from this mission.”

    Before sending missions to Mars, scientists didn’t think organic molecules would be found on the red planet because of the intensity of radiation Mars has long endured, Glavin said.
    Curiosity won’t return to Yellowknife Bay during its mission, but there are still pristine pieces of the Cumberland sample aboard. Next, the team wants to design a new experiment to see what it can detect. If the team can identify similar long-chain molecules, it would mark another step forward that might help researchers determine their origins, Freissinet said.

    “That’s the most precious sample we have on board … waiting for us to run the perfect experiment on it,” she said. “It holds secrets, and we need to decipher the secrets.”

    Briony Horgan, coinvestigator on the Perseverance rover mission and professor of planetary science at Purdue University in West Lafayette, Indiana, called the detection “a big win for the whole team.” Horgan was not involved the study.
    “This detection really confirms our hopes that sediments laid down in ancient watery environments on Mars could preserve a treasure trove of organic molecules that can tell us about everything from prebiotic processes and pathways for the origin of life, to potential biosignatures from ancient organisms,” Horgan said.

    Dr. Ben K.D. Pearce, assistant professor in Purdue’s department of Earth, atmospheric, and planetary sciences and leader of the Laboratory for Origins and Astrobiology Research, called the findings “arguably the most exciting organic detection to date on Mars.” Pearce did not participate in the research.

  21. LloydInilm表示:

    Tesla is bringing its electric cars to oil-rich Saudi Arabia amid falling global sales
    aperture finance
    Tesla will start selling its electric vehicles in Saudi Arabia, entering the Gulf region’s largest economy as the company’s global sales are sliding and CEO Elon Musk courts controversy with his role in the US government.

    The carmaker announced Wednesday that it would host a launch event in the kingdom on April 10, where it will showcase its EVs. Attendees will also have the chance to “experience the future of autonomous driving with Cybercab and meet Optimus, our humanoid robot, as we showcase what’s next in AI and robotics,” Tesla (TSLA) said.

    Tesla may struggle to gain market share in oil-rich Saudi Arabia as EVs make up a little over 1% of all car sales in the country, according to a report by consultancy PwC published in September.
    Tesla’s entry into the new market comes as the company fights battles on several fronts.

    Last year, it recorded the first annual decline in sales in its history as a public company, posting a drop of 1%.

    The company is facing intensifying competition in China, the world’s largest auto market. On Tuesday, BYD, a Chinese maker of electric and hybrid cars, reported $107 billion in annual sales for 2024, beating the near-$98 billion notched by Tesla.

    And last week, BYD unveiled an ultra-fast charging system, which it said was capable of adding 250 miles (402 km) of range in just five minutes, easily outdoing Tesla’s charging technology. Tesla’s Superchargers take 15 minutes to charge an EV, providing a range of 200 miles.

    Tesla has also suffered slumping sales in Europe. In February, the carmaker sold around 40% fewer vehicles on the continent compared with the same month in 2024, according to the European Automobile Manufacturers’ Association.

  22. Game_1win_ru表示:

    Официальный TG канал проекта – 1win casinо, теперь в вашем Telegram! Подробнее тут
    https://t.me/Game_1win_ru/1227

  23. StephenCer表示:

    best canadian pharmacy online: canadian online pharmacy – USACanadaPharm

  24. Dwightkak表示:

    USACanadaPharm: USACanadaPharm – usa canada pharm

  25. TimothyDok表示:

    canadian pharmacy online ship to usa precription drugs from canada USACanadaPharm

  26. Albertbiave表示:

    https://usacanadapharm.com/# usa canada pharm

  27. JasonDaT表示:

    Arctic auroras
    ethena
    For getting around during winter, the Inuit here nowadays prefer snowmobiles, although they still keep their sled dogs. During winter they’ll offer intrepid visitors, wrapped up warm against the deep-freeze temperatures, dog-sledding jaunts. These can last either an hour or be part of expeditions over several days, sometimes with the added experience of learning how to build an igloo. Sisimiut on the west coast and Tasilaq in the southeast are active winter centers for dog sledding.

    Winter’s most stellar attraction, though, is northern lights watching. With little urban light pollution, Greenland is a dark canvas for spectacular displays, and aurora borealis-watching vacations are becoming more popular.

    Staying outdoors, Greenland is developing a reputation among adventure enthusiasts: from long-distance skiing expeditions and heliskiing on the icecap to hiking the 100-mile-long Arctic Circle Trail from Kangerslussuaq, where firearms need to be carried for warning shots in case of polar bear encounters.

    Life is definitely changing here. The climate crisis is eating away at its icecap and Greenland may well end up as a pawn in a game of geopolitical chess. But for now, the bright glare of international attention should shine a favorable light on one of the wildest travel destinations on Earth.

    Travel writer Mark Stratton is an Arctic specialist who has traveled to Greenland six times and counting. He’s marveled at the aurora borealis, sailed to Disko Island, dog-sledded with the Inuit, and once got stuck in an icefloe.

  28. TimothyDok表示:

    best canadian online pharmacy USACanadaPharm best canadian pharmacy

  29. Dwightkak表示:

    USACanadaPharm: USACanadaPharm – usa canada pharm

  30. StephenCer表示:

    usa canada pharm: USACanadaPharm – canadian pharmacy drugs online

發佈回覆給「LloydInilm」的留言 取消回覆

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