項目文件越來越多，有時候需要找到某個頁面寫的效果，然后將之前的html拷過來，但是頁面要多，每次要打開尋找的頁面就越多。

當(dāng)然，最好的辦法是直接組件化開發(fā)，那么現(xiàn)在確有需求怎么辦？
想到的是能快速預(yù)覽html，如果能夠找到類似圖片縮略圖效果的那想必是最好的，退而求其次就是類似DM編輯＋預(yù)覽模式。

在線編輯代碼

這站點有不少demo,且都是左側(cè)代碼右側(cè)預(yù)覽的效果

atom-html-preview

作為atom的插件，可以一試

Brackets

Adobe開源的前端編輯器，內(nèi)置了事實預(yù)覽效果。

github預(yù)覽方法1

輸入在github的html鏈接，即可預(yù)覽效果

Github Page

以上為目前暫時找到的效果，隨時添加使用截圖。