楓精靈 發表於 2014-12-14 20:58:33

Brackets 由 Adobe 開發的免費網頁編輯軟體

本文章最後由 楓精靈 於 2014-12-14 09:08 PM 編輯

http://brackets.io/img/hero.png
想必大家都知道 Adobe 著名的網頁編輯軟體 Dreamweaver 吧! 此款也同樣是由 Adobe 開發,多國語言、跨平台且開源免費。如同 Sublime Text , Brackets也是一款支援模組擴充的輕量網頁文字編輯器,主打即時預覽的功能及CSS快速編輯
(即時預覽功能目前只能配合 Google Chrome 瀏覽器)

安裝好 Brackets ,第一次開啟可以看到 Getting Started 範例 (介面語言切換: Debug -> Switch Language)

按下右方的閃電標誌,就可開啟即時預覽功能,修改網頁程式碼並存檔,所有的修改就會即時呈現在開啟的 Chrome 頁面上

CSS修改則是在欲修改CSS的標籤上,按下 Ctrl+E 快捷鍵,

編輯 CSS 檔時,對 color 值按 Ctrl+E 就會開啟調色盤,超方便的喔!

zkyg1 發表於 2022-4-18 16:38:03

這個軟體編輯文檔和代碼很方便哦
頁: [1]
檢視完整版本: Brackets 由 Adobe 開發的免費網頁編輯軟體