《Sublime-HTMLPrettify》將Sublime Text裡的程式碼自動排版

梅問題-《Sublime-HTMLPrettify》將Sublime Text裡的程式碼自動排版
  大部分從事網頁設計的朋友,都習慣使用Dreamweaver來編排網頁,但隨著網頁的技術愈來愈多元化,Dreamweaver已逐漸的不符使用,所以也有不少的朋友,也都慢慢的轉向使用Sublime Text,除了可永久的免費試用外,還有相當多的外掛可擴充,但剛從Dreamweaver轉向Sublime Text時,常會遇到不太會編排網頁的原始碼,因此常常裡面的原始碼一團亂,每次要找區塊時,總是要找半天,這時就不得不稱讚一下DW有個程式碼自動編排的功能,所以梅干找了好久,終於找到一隻可將HTML、CSS、Javascript原始碼格式化,讓原始碼更加容易辨視,因此還不習慣自己編排原始碼的朋友們,這隻外掛絕不容錯過喔!

Sublime Text-HTML-CSS-JS格式化:
外掛名稱:Sublime-HTMLPrettify
外掛網址:https://github.com/victorporof/Sublime-HTMLPrettify

Step1
下載完畢後,開啟Sublime Text選擇Preferences / Browse Packages...選項。
梅問題-《Sublime-HTMLPrettify》將Sublime Text裡的程式碼自動排版
Step2
剛將剛下載好的外掛解壓縮,並複製到User資料夾下。
梅問題-《Sublime-HTMLPrettify》將Sublime Text裡的程式碼自動排版
Step3
重啟Sublime Text後,按滑鼠右鍵,選擇 HTML/CSS/JS Prettify / Prettify Code選項,或按Ctrl+Shit+h鍵。
梅問題-《Sublime-HTMLPrettify》將Sublime Text裡的程式碼自動排版
Step4
哈~這樣亂亂的原始碼就變整齊啦!。
梅問題-《Sublime-HTMLPrettify》將Sublime Text裡的程式碼自動排版

相關文章

Facebook Message臉書訊息網頁版,暗藏了許多經典的小遊戲

Facebook Message臉書訊息網頁版,暗藏了許多經典的小遊戲

加入微軟聯盟行銷!不但荷包賺飽飽,Office還可免費用

加入微軟聯盟行銷!不但荷包賺飽飽,Office還可免費用

「Mobirise」不懂網頁語法,拖拉就可完成精美、酷炫的RWD網頁工具

「Mobirise」不懂網頁語法,拖拉就可完成精美、酷炫的RWD網頁工具

「Animate.css」讓Boostrap導覽列的下拉選單動起來

「Animate.css」讓Boostrap導覽列的下拉選單動起來

MAC專用的網頁壓縮器「Smaller」可合併多個CSS、JS檔案並壓縮

MAC專用的網頁壓縮器「Smaller」可合併多個CSS、JS檔案並壓縮





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 4 梅留言

  • 第1梅
    Lin 說道:

    我剛裝好也是右鍵之後卻沒有出現可以選擇pretty code的子選單
    改放在Packages 裡就有了
    很好用謝謝分享