小編給大家分享一下HTML代碼格式化的方法,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
HTML代碼可以通過(guò)sublime中的內(nèi)置命令Reindent對(duì)代碼格式化,還可以安裝HTML-CSS-JS Prettify插件對(duì)代碼格式化
有時(shí)候我們將別人的代碼復(fù)制過(guò)來(lái)的時(shí)候發(fā)現(xiàn)代碼排列的非常雜亂無(wú)章,無(wú)法去閱讀代碼,
(1)Sublime的內(nèi)置Reindent命令
打開(kāi)路徑:Edit-->Line-->Reindent
例:
但是sublime自帶的重新縮進(jìn)功能較為單一,僅僅是保證縮進(jìn)正常了而已。而對(duì)于代碼中寫(xiě)法不規(guī)范的地方,無(wú)法進(jìn)行處理,它適合在簡(jiǎn)單的場(chǎng)景下使用,如果有復(fù)雜的情況需要安裝插件
(2)HTML-CSS-JS Prettify插件
這個(gè)插件可用于Sublime Text 2和Sublime Text 3,可以用來(lái)處理HTML,CSS,JavaScript以及JSON文件
首先要先安裝插件:
ctrl+shift+p打開(kāi)Package Control: 然后選擇install package中輸入HTML-CSS-JS Prettify插件并按下enter鍵,重啟sublime
插件安裝成功,因?yàn)镠TML-CSS-JS Prettify插件的使用需要Node.js運(yùn)行,因此我們還要安裝node.js軟件,下載好后操作一下步驟“在開(kāi)始--搜素文件和程序--cmd”
然后在sublime中打開(kāi)一個(gè)html文件,點(diǎn)擊右鍵選擇HTML-CSS-JS Prettify下的Plugin Options文件打開(kāi),將路徑改為安裝node軟件的路徑,如下圖
在此插件安裝成功
未格式化之前:
格式化之后:
HTML-CSS-JS Prettify插件它沒(méi)有刪除文件中的額外空行或縮進(jìn)<script>塊內(nèi)的JavaScript ,是一個(gè)非常好的插件
(3)HTMLBeautify
該HTMLBeautify插件是假設(shè)你的HTML已經(jīng)部分與單獨(dú)的行標(biāo)簽格式的一個(gè)基本的腳本。它對(duì)內(nèi)聯(lián)注釋不起作用
(4)TidyHTML5
如果您只對(duì)格式化HTML5感興趣,可以選擇TidyHTML5插件。雖然它使用外部實(shí)用程序來(lái)執(zhí)行格式化,但它為Windows用戶(hù)捆綁。
看完了這篇文章,相信你對(duì)HTML代碼格式化的方法有了一定的了解,想了解更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道,感謝各位的閱讀!
本文名稱(chēng):HTML代碼格式化的方法-創(chuàng)新互聯(lián)
本文鏈接:http://www.ekvhdxd.cn/article20/goijo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營(yíng)銷(xiāo)推廣、定制開(kāi)發(fā)、服務(wù)器托管、網(wǎng)站排名、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、搜索引擎優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容