Brackets:即時預覽,儲存檔案就立刻幫您重載網頁顯示結果
2018/09/20
萌芽站長
4,025 1
軟體應用 , 網站技術
Brackets
「Brackets」是 Adobe Systems 開發的一個以 HTML、CSS 及 JavaScript 編寫的 HTML 編輯器。
即時預覽功能可以快速查看網頁編寫的成果,只要點 Brackets「檔案」→「即時預覽」,或者按下右側閃電圖示 ⚡,就能開啟這個功能,只要網頁檔案有異動,連線的瀏覽器(目前是 Google Chrome)就會自動更新預覽網頁,非常方便!
★ 目前測試,檔案必須先儲存才能使用這功能,而且不是很即時,所謂的「異動」必須進行儲存。
▲兩種方式皆可以開啟「即時預覽」。
▲首次開啟會有說明。
▲預覽網頁的瀏覽器是 Google Chrome。
▲更動後儲存馬上會執行在這個瀏覽器上。
贊助廣告 ‧ Sponsor advertisements
Beautify(Visual Studio Code 擴充功能):美化網頁原始碼、支援 javascript、CSS 和 HTML 等
📆 2019-02-11
📁
軟體應用, 網站技術
HTML:<title>
📆 2014-01-04
📁
網站技術, HTML
Bracket Pair Colorizer(Visual Studio Code 擴充功能):匹配括弧顏色標記、括弧內線條強調
📆 2019-02-11
📁
軟體應用, 網站技術
HTML5視頻
📆 2013-01-01
📁
網站技術, HTML
【技巧】網站設計三大原則:簡單、實用、美觀
📆 2013-01-01
📁
網站技術
Visual Studio Code:開放原始碼的程式碼編輯器、中文化支援、可個人化
📆 2019-02-11
📁
軟體介紹, 網站技術, 程式設計
解決Google Chrome右鍵限制
📆 2014-04-25
📁
軟體應用, 瀏覽器, Google Chrome
JSP 網站瀏覽數統計實作:Tomcat & JSP 連線 MySQL 教學、隱含物件 Session 解說、程式詳解
📆 2019-06-02
📁
網站技術, 伺服器, 資料庫, 學業筆記, JSP, SQL
留言區 / Comments
萌芽論壇