「Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。
之前開發 JavaScript 就有找到一款擴充功能（參考：Bracket Pair Colorizer）可以將上下括弧的區域標示出來，使程式撰寫更加容易，但 HTML 標籤同樣是有區域的，就是由開始標籤 <標籤名稱> 與結束標籤 </標籤名稱> 所框住的指定區域，但預設卻沒有標示，覺得有些不便！後來終於發現這款 Highlight Matching Tag 擴充可以做到最理想的效果，安裝後只要點擊 HTML 開始或結束標籤，就會有底線標示兩邊的標籤方便了解其包住的原始碼區域（片段），超讚！開發者還有給除了底線外的標示形式，可以看官方文檔自行設定。
▲ 請至 Visual Studio Code 延伸模組市集搜尋「Highlight Matching Tag」找到擴充後安裝。
▲ 安裝後開啟 HTML 檔案就會生效囉！預設是底線標示開始與結束標籤。
您好，我是萌芽系列網站（Mnya Series Website）的站長&創始人，可以稱呼我「萌芽站長」。我的興趣與專長有登山、觀察地形、攝影、旅遊、網頁設計＆架設＆經營、動畫製作、圖片處理、資料彙整等。有任何問題或建議請至萌芽論壇發表。網站業務、商業合作的聯絡方式在「關於本站 → 團隊介紹 → 站長介紹」，很高興認識您！請多指教！
VS Code x Gemini Code Assist：完整安裝與實戰教學，用 Google AI 打造最強開發環境
Richart APP：收到簽帳金融卡後開卡流程教學
Anima：重塑二次元創作邏輯的提示詞撰寫全攻略
Richart APP：查詢簽帳金融卡寄送狀態
Stable Diffusion：用於調整人物胸部大小的 AI 繪圖提詞
中華郵政(郵局)國內包裹託運單格式、交寄教學
Stable Diffusion：AI 繪圖鏡頭提詞三十選，三十種構圖任君挑選！
【兵役知識】軍中數字念法？時間念法？
Stable Diffusion：AI 繪圖動作提詞百選，一百種情境任君挑選！
Stable Diffusion：二次元角色瑟瑟發抖的 AI 繪圖提詞
《上一篇》Telegram 5.15 for Android 更新：新版個人資訊、快速媒體瀏覽器和附近的人 2.0 
《下一篇》鑫馬獎微電影比賽作品：夢想．現實
留言區 / Comments
萌芽論壇