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)


相關文章

Bootstrap教學-將Bootstrap網格系統加入資料篩選器功能

Bootstrap教學-將Bootstrap網格系統加入資料篩選器功能

免寫程式!HTML5新屬性自動檢核表單與欄位格式是否填寫正確

免寫程式!HTML5新屬性自動檢核表單與欄位格式是否填寫正確

Bootstrap教學-Bootstrap導覽列選單加入網格讓選單圖文並茂

Bootstrap教學-Bootstrap導覽列選單加入網格讓選單圖文並茂

將Google地圖嵌入網頁,滾動滑鼠第三鍵鎖定不縮放

將Google地圖嵌入網頁,滾動滑鼠第三鍵鎖定不縮放

CSS教學-CSS選擇器套用樣式的優先權順序

CSS教學-CSS選擇器套用樣式的優先權順序





回應本篇 »

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

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

近期講座

近期講座

更多講座