Highlight Matching Tag(Visual Studio Code 擴充功能):HTML 開始與結束標籤強調與標示
2020/03/02
萌芽站長
1,469 0
軟體應用 , 網站技術 , HTML
Visual Studio Code
「Visual Studio Code」是由微軟(Microsoft)開發的開放原始碼程式編輯器。
之前開發 JavaScript 就有找到一款擴充功能(參考:Bracket Pair Colorizer)可以將上下括弧的區域標示出來,使程式撰寫更加容易,但 HTML 標籤同樣是有區域的,就是由開始標籤 <標籤名稱> 與結束標籤 </標籤名稱> 所框住的指定區域,但預設卻沒有標示,覺得有些不便!後來終於發現這款 Highlight Matching Tag 擴充可以做到最理想的效果,安裝後只要點擊 HTML 開始或結束標籤,就會有底線標示兩邊的標籤方便了解其包住的原始碼區域(片段),超讚!開發者還有給除了底線外的標示形式,可以看官方文檔自行設定。
▲ 請至 Visual Studio Code 延伸模組市集搜尋「Highlight Matching Tag」找到擴充後安裝。
▲ 安裝後開啟 HTML 檔案就會生效囉!預設是底線標示開始與結束標籤。
贊助廣告 ‧ Sponsor advertisements
Stable Diffusion web UI x Waifu Diffusion:本機 AI 生成高品質二次元動漫角色
📆 2022-11-02
📁
軟體應用, 人工智慧, AI繪圖
SD web UI x ControlNet:運用 Style Adapter 使 AI 模仿指定影像風格(畫風)
📆 2023-04-27
📁
軟體應用, 人工智慧, AI繪圖
Stable Diffusion web UI:將介面修改為正體中文(繁體中文)
📆 2022-11-02
📁
軟體應用, AI繪圖
Google AdSense:網站廣告收益京城銀行西聯收款全記錄與教學
📆 2019-09-27
📁
生活相關, 金融理財, 網路應用, 網站技術
Nearby Share for Windows:輕鬆在 Android 裝置與 Windows 電腦之間傳送和接收照片、檔案等內容
📆 2023-07-20
📁
軟體介紹, 軟體應用
Stable Diffusion web UI:AI 繪圖不要一堆的反向提詞(Negative prompt)!
📆 2023-02-18
📁
軟體應用, 人工智慧, AI繪圖
Scrcpy:使用 USB 偵錯使 Android 手機可使用電腦操作並顯示畫面
📆 2019-12-16
📁
軟體介紹, 軟體應用, 行動平台, 行動裝置, Android
DeepSkyStacker:給天文攝影師的免費疊圖軟體、手機銀河照也能變高畫質!
📆 2020-07-18
📁
軟體介紹, 軟體應用, 多媒體, 攝影技術, 靜圖處理
留言區 / Comments
萌芽論壇