Beautify（Visual Studio Code 擴充功能）：美化網頁原始碼、支援 javascript、CSS 和 HTML 等

2019/02/11 9,380 2 軟體應用 , 網站技術

「Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。

撰寫網頁原始碼時常常會縮錯排，或者將任何原始碼複製進來時都有可能造成整理不美觀，因此我們就需要依靠「Beautify」來美化原始碼，這款擴充功能支援以下幾種常見的網頁原始碼：javascript、JSON、CSS、Sass 和 HTML，安裝好後點鍵盤「F1」就可以選擇要整個檔案美化還是反白區段美化，非常好用！

▲在延伸模組市集搜尋「Beautify」即可找由「HookyQR」開發的「Beautify」，請先安裝。

▲安裝好後就可以點鍵盤「F1」使用它啦！區塊美化前記得先反白要美化的區塊唷！😉

贊助廣告 ‧ Sponsor advertisements
SD web UI x Ultimate SD Upscale：終極放大圖生圖，維持原來小圖的樣子進行放大增添更多細節！
📆 2023-04-26
📁 軟體應用, 人工智慧, AI繪圖
Photoshop：風景寫真照片之動漫風格加工實作&教學
📆 2019-04-21
📁 軟體應用, 多媒體, 靜圖處理
Live Sass Compiler（Visual Studio Code 擴充功能）：讓 VSCode 支援即時編譯 SASS/SCSS 成 CSS
📆 2019-03-20
📁 軟體應用, 網站技術, CSS, Sass/SCSS
GitHub Desktop 中管理 GitLab 存放庫
📆 2021-09-15
📁 軟體應用, 網路應用
ComfyUI x Qwen-Image-Edit：套用各種日系濾鏡風格（應用篇）
📆 2025-09-17
📁 軟體應用, 多媒體, 人工智慧, AI繪圖, 靜圖處理
SQL 語法建立資料庫、資料表及其欄位、資料練習
📆 2019-02-28
📁 網站技術, 程式設計, 資料庫, SQL
Node.js：Gulp 運行 gulp-connect 套件，建立前端開發伺服器（Gulp 大展身手！）
📆 2019-03-25
📁 網站技術, 伺服器, 學業筆記, JavaScript, Node.js, Gulp
ComfyUI x Qwen-Image-Edit：二次元角色轉 PVC 模型（應用篇）
📆 2025-09-14
📁 軟體應用, 多媒體, 人工智慧, AI繪圖, 靜圖處理

留言區 / Comments

萌芽論壇

萌芽站長

您好，我是萌芽系列網站（Mnya Series Website）的站長&創始人，可以稱呼我「萌芽站長」。我的興趣與專長有登山、觀察地形、攝影、旅遊、網頁設計＆架設＆經營、動畫製作、圖片處理、資料彙整等。有任何問題或建議請至萌芽論壇發表。網站業務、商業合作的聯絡方式在「關於本站 → 團隊介紹 → 站長介紹」，很高興認識您！請多指教！