使用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的原始碼下載到本地。
https://github.com/victorporof/Sublime-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美化css/scss/sass程式碼CSS
- table表格美化程式碼例項
- 美化滾動條效果程式碼例項
- 使用工具Source Monitor測量您Java程式碼的環複雜度Java複雜度
- HTML基礎程式碼HTML
- Quod AI:更快地找到您需要的程式碼AI
- html的空格程式碼是什麼HTML
- 使用Jexus 容器化您的 Blazor 應用程式Blazor
- 【實用小技巧】idea程式碼格式美化快捷鍵Idea
- 創新實訓(十)——程式碼美化部分:導航欄的active
- js程式碼與html程式碼分離示例JSHTML
- html中中文字型的程式碼HTML
- 你是如何組織html程式碼的?HTML
- vscode怎麼執行程式碼HTML 怎麼在vscode編寫HTML程式碼VSCode行程HTML
- HTML實現線上程式碼格式化、美化、加密、解密、壓縮、一鍵轉JavaScript功能工具-toolfk程式設計師工具網HTML加密解密JavaScript程式設計師
- vscode 和 vue-cli 開發中 eslint 和美化程式碼的配置VSCodeVueEsLint
- (資料科學學習手札159)使用ruff對Python程式碼進行自動美化資料科學Python
- PhpStorm 2023: 創新您的程式碼世界 mac/win版PHPORMMac
- html實體編碼遇上js程式碼HTMLJS
- HTML 程式碼註釋規範HTML
- HTML應用CSS程式碼方式HTMLCSS
- 網頁設計中常用的HTML程式碼網頁HTML
- HTML5遊戲開發(二):使用TypeScript編寫程式碼HTML遊戲開發TypeScript
- 好程式設計師web前端分享在HTML中使用JavaScript例項程式碼程式設計師Web前端HTMLJavaScript
- 前端工程程式碼規範(二)——HTML前端HTML
- HTML5 拖拽程式碼例項HTML
- 網站升級中 HTML 程式碼網站HTML
- HTML、CSS程式碼書寫規範HTMLCSS
- [實用指南] 如何使您的舊程式碼庫(遺留程式碼)符合MISRA C 2012編碼規範?
- [實用指南]如何使您的舊程式碼庫(遺留程式碼)符合MISRA C 2012編碼規範?
- scRNAtoolVis包使用:UMAP, featureplot,heatmap美化
- 微信小程式之程式碼構建初探:如何繼續使用html與css開發小程式微信小程式HTMLCSS
- 刪除字串中的html標籤程式碼例項字串HTML
- html實現簡單ListViews效果的例項程式碼HTMLView
- webpack--css、html 和 js 程式碼的常用處理WebCSSHTMLJS
- HTML 使用表單標籤實現註冊頁面的例項程式碼HTML