使用htmlprettify美化您的HTML程式碼
Sublime Text是廣大程式設計師喜歡的文字編輯器,Jerry覺得它最強大之處在於開放的架構,有豐富的外掛為其提供各種各樣額外的功能。
作為前端開發人員,經常需要從網上覆制貼上一些程式碼然後做修改,因此一個常見的需求就是對複製進Sublime Text的程式碼進行格式化,使其縮排,換行等符合規範。
為此,我在網上搜尋到了一個非常有用的Sublime Text外掛,專門用於美化HTML程式碼,名叫htmlprettify。
當我使用Sublime Text內建的包管理工具的Package Control: Install Package時:
遇到錯誤訊息:Package Control: There are no packages available for installation.
因此線上安裝外掛這條路走不通了,然而感謝Sublime Text開放的架構,我還可以像Eclipse安裝外掛一樣,走另一條離線安裝之路。
到github這個repository裡把HTMLPrettify的原始碼下載到本地。
直接點選按鈕"Clone or download"將所有原始碼下載到本地,解壓成一個資料夾:
然後把這個資料夾直接複製到Sublime安裝資料夾的Data/Packages裡:
這樣就完成了htmlprettify的安裝。
使用
工具->命令皮膚或者快捷鍵Ctrl+Shift+P:
輸入HTMLPrettify即可自動美化當前開啟的HTML程式碼。
要獲取更多Jerry的原創技術文章,請關注公眾號"汪子熙"或者掃描下面二維碼:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/24475491/viewspace-2214466/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 使用 ESLint + Prettier 美化程式碼EsLint
- 用Prettier美化程式碼
- 用 Prettier 美化程式碼
- 程式碼線上美化工具
- 15 款程式碼語法高亮工具 美化你的程式碼
- 您的 Java 程式碼安全嗎?Java
- Prettier美化css/scss/sass程式碼CSS
- table表格美化程式碼例項
- input range美化程式碼例項
- radio美化程式碼例項
- <input type="file">美化例項程式碼
- 單選按鈕美化效果程式碼
- 15個原始碼語法著色來美化你的程式碼原始碼
- 如何使用程式碼美化器Uncrustify (How to use code beautifier Uncrustify)Rust
- 借用Snippet外掛美化部落格中的程式碼
- 美化滾動條效果程式碼例項
- <input type="file">美化效果程式碼例項
- 表單提示美化效果程式碼例項
- 無聊的html程式碼HTML
- Quod AI:更快地找到您需要的程式碼AI
- select下拉選單美化程式碼例項
- 使用工具Source Monitor測量您Java程式碼的環複雜度Java複雜度
- HTML5 localStorage使用演示程式碼例項HTML
- 使用Jexus 容器化您的 Blazor 應用程式Blazor
- Ubuntu使用-美化篇Ubuntu
- GridView生成的HTML程式碼ViewHTML
- 今天的無聊html程式碼HTML
- checkbox核取方塊美化程式碼例項
- jQuery美化select下拉選單程式碼例項jQuery
- 美化<input type="range">控制元件程式碼例項控制元件
- JS Nice – JavaScript 程式碼美化和格式化工具JSJavaScript
- 創新實訓(十)——程式碼美化部分:導航欄的active
- HTML基礎程式碼HTML
- html常用程式碼3HTML
- 使用PHP編譯Markdown成為HTML程式碼的基本思路PHP編譯HTML
- html的空格程式碼是什麼HTML
- 儲存ASPX 生成的html程式碼HTML
- 很有用的HTML+JavaScript程式碼HTMLJavaScript