close
Blogtrottr
♣梅問題‧教學網【Minwt】♣
3C|設計|攝影|旅遊 資訊網 
《Sublime-HTMLPrettify》將Sublime Text裡的程式碼自動排版
Dec 22nd 2014, 00:00, by admin

梅問題－《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裡的程式碼自動排版
引用網址： ※如有發現掉圖或檔案無法下載，請由回應區留言告知，將會盡速處理！謝謝。
※本站採用CC授權請勿全文轉貼本站文章，歡迎「部份引用」與介紹，並註明出處，謝謝。

This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.
Want something else to read? How about 'Grievous Censorship' By The Guardian: Israel, Gaza And The Termination Of Nafeez Ahmed's Blog
You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 nbv2eybn7a7ye 的頭像
    nbv2eybn7a7ye

    進擊的巨人14, 進擊的巨人線上看, 進擊的巨人漫畫, 進擊的巨人遊戲, 進擊的巨人 動畫, 進擊的巨人 線上漫畫, 進擊的巨人14線上看, 進擊的巨人13, 進擊的巨人 h, 進擊的巨人op

    nbv2eybn7a7ye 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄