HTML to Jade 線上Jade轉換平台,一鍵將HTML碼變成Jade

梅問題-HTML to Jade線上一鍵將HTML轉換JADE碼
  剛已分享Jade的基本用法,應該可以感受到Jade神奇與好用的地方了吧!再配合它的Extends與Include來製作網頁時,只能說超方便,但對於剛開始接觸Jade的朋友,有時可能一些html的原始碼,不知怎改寫成Jade,或是要將手邊的html改寫成Jade,這時不妨可透過這個平台,來將html轉換成Jade,如此一來就能無痛接軌,同時還可將手邊的專案變成Jade,無論是日後的維護還是修改都很方便,因此也準備跨入Jade的朋友,這個平台千萬別錯過了。

HTML to Jade converter
網站名稱:HTML to Jade converter
連結網址:http://html2jade.aaron-powell.com/

Step1
進入網站後,將要轉換的htmll碼,直接貼在左邊的輸入框中。
梅問題-HTML to Jade線上一鍵將HTML轉換JADE碼
Step2
接著再按下方的綠色箭頭。
梅問題-HTML to Jade線上一鍵將HTML轉換JADE碼
Step3
這時右邊就會產生Jade的碼,再將Jade碼貼回自己的專案中即可,是不是超方便的呀!有了這平台,讓學習Jade更無障礙。
梅問題-HTML to Jade線上一鍵將HTML轉換JADE碼

延伸文章

JADE基本使用教學:規則、文字、繼承、匯入、函式寫法

JADE基本使用教學:規則、文字、繼承、匯入、函式寫法

網設必備《Prepros》免再安裝其它軟體即可編譯Jade/SASS

網設必備《Prepros》免再安裝其它軟體即可編譯Jade/SASS

《CodePen》開啟瀏覽器就可開發網頁與即使預覽(jade、SCSS、jQuery)

《CodePen》開啟瀏覽器就可開發網頁與即使預覽(jade、SCSS、jQuery)

網設必學《Jade》網頁HTML快速產生器(Sublime Text2)

網設必學《Jade》網頁HTML快速產生器(Sublime Text2)


相關文章

「W3layouts」上千個免費可商用RWD自適應版型下載

「W3layouts」上千個免費可商用RWD自適應版型下載

Bootstrap教學-利用Bootstrap網格系統製作出flickr相片牆效果

Bootstrap教學-利用Bootstrap網格系統製作出flickr相片牆效果

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

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

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

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

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

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





回應本篇 »

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

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