使用htmlprettify美化您的HTML程式碼

i042416發表於2018-09-19

Sublime Text是廣大程式設計師喜歡的文字編輯器,Jerry覺得它最強大之處在於開放的架構,有豐富的外掛為其提供各種各樣額外的功能。

使用htmlprettify美化您的HTML程式碼

作為前端開發人員,經常需要從網上覆制貼上一些程式碼然後做修改,因此一個常見的需求就是對拷貝進Sublime Text的程式碼進行格式化,使其縮排,換行等符合規範。

為此,我在網上搜尋到了一個非常有用的Sublime Text外掛,專門用於美化HTML程式碼,名叫htmlprettify。

當我使用Sublime Text內建的包管理工具的Package Control: Install Package時:

使用htmlprettify美化您的HTML程式碼

遇到錯誤訊息:Package Control: There are no packages available for installation.

使用htmlprettify美化您的HTML程式碼

因此線上安裝外掛這條路走不通了,然而感謝Sublime Text開放的架構,我還可以像Eclipse安裝外掛一樣,走另一條離線安裝之路。

到github這個repository裡把HTMLPrettify的原始碼下載到本地。

https://github.com/victorporof/Sublime-HTMLPrettify

直接點選按鈕"Clone or download"將所有原始碼下載到本地,解壓成一個資料夾:

使用htmlprettify美化您的HTML程式碼

然後把這個資料夾直接複製到Sublime安裝資料夾的Data/Packages裡:

使用htmlprettify美化您的HTML程式碼

這樣就完成了htmlprettify的安裝。

使用

工具->命令皮膚或者快捷鍵Ctrl+Shift+P:

使用htmlprettify美化您的HTML程式碼

輸入HTMLPrettify即可自動美化當前開啟的HTML程式碼。

使用htmlprettify美化您的HTML程式碼

使用htmlprettify美化您的HTML程式碼

要獲取更多Jerry的原創技術文章,請關注公眾號"汪子熙"或者掃描下面二維碼:


使用htmlprettify美化您的HTML程式碼

使用htmlprettify美化您的HTML程式碼


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/24475491/viewspace-2214466/,如需轉載,請註明出處,否則將追究法律責任。

相關文章