[問題] Subline Text有無類似共用框架的工具？

[wlwillwell (威廉先生)]

長年使用DreamWeaver，近期轉到Subline Text
對於他輕量化又有各種強大的外掛感到非常驚艷
不過有一個小問題十分困擾我

我的工作涉及網頁前端開發
一般都是前端完成後將網站打包交給工程師處理
因此我十分依賴DreamWeaver的「範本」功能

我只要將網站共用的各個區塊，如：
top bar、header、nav bar、footer、sidebar...等
先製作成一個範本頁
接下來我只要開新頁時套用範本
進而去修改content的內容即可
未來如果共用區塊有所異動，也只要開啟範本修改
儲存時DW就會自動修改全站下使用該範本的頁面

不過到了subline text，我找了好一陣子
都沒有找到相關的功能
用「共用框架」、「範本」等關鍵字
也沒有尋獲到類似的套件

我有找到像是Emmet的套件，可以快速自訂標籤語法
但是問題是依舊無法像DW那樣
「修改第一份範本，餘下套用的頁面自動全部更新！」
這對於有時候比較大型的網站，高達數十頁的時候
我要調整修正起來會相當辛苦...

想請教各位高手能否提點一下？感激！

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.127.190.161
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1436327025.A.2E3.html
推 crossdunk: 聽起來好像可以用複製貼上解決XD
推 crossdunk: 好奇問問 聽你的說明好像 未來共用區塊有變動的話
→ crossdunk: 改範本頁面也只會改到之後做的版型 沒錯吧?
DW有網站管理員，會把同一個資料夾的檔案視為一個網站內容
搭配範本的做法是，它利用html內建的<!--註記-->語法
以只有DW認得的命名的方式，把該區塊「鎖死」
因此只有開啟範本檔案才能修改。而當修改完畢儲存套用時
DW會去掃整個資料夾底下，有套用該區塊命名的所有網頁檔
然後批次全部更新，因此無關新頁面何時生成的
只要頁面有套用到該範本
範本修改時就可以全部一次更新

你知道...有時候框架雖然寫好了
但是網頁做到一半pm或顧客忽然想再加個按鈕啊
還是多一個選單之類的...已經做了幾十頁
修改起來會很恐怖QQ
※ 編輯: wlwillwell (59.127.190.161), 07/08/2015 11:54:34
推 crossdunk: 喔喔 我懂你的意思了 DW有這個功能就是了 Q_Q
→ crossdunk: html我還沒試過 不過我用php都是用匯入的
→ crossdunk: 另外有些後端的框架也有這功能 譬如LARAVEL
→ crossdunk: 不過都是要可以跑後端 html我就不太清楚了
→ crossdunk: 應該是可以利用JAVASCIRPT去做到啦 只是覺得有點怪怪de
→ kurtisgod: jquery load()
推 pm2001: 你請工程師幫你想個套樣板的方法吧
其實我之前自己用過php include的方式，不過工程師跟我抗議
因為這樣子他說在套程式的時候那個區塊不好處理...
推 Ken52039: 推jquery load()+1
我去看看這部分怎麼做，謝謝！
※ 編輯: wlwillwell (59.127.190.161), 07/08/2015 14:09:30
推 johnsonct: jquery load +1 (偷推handlebars + grunt compile
→ johnsonct: 不太會javascript的話 handlebars可能要花點時間
→ ofy: 聽起來像是後端用Template Engine處理的效果?
→ ofy: 前端畢竟是視覺,相應的template language恐怕是前端負責刻
推 dlikeayu: 推handlebar
推 starwilly: 用 fire.app http://fireapp.kkbox.com/
推 aspdoctor: 可以用erb或haml，純html可以搭配codekit有這個功能
推 bbgba1923: 可以試試看用 fire.app
推 l1796969: 試試看jade
→ Neisseria: Handlebars 這種接近原來 HTML 的模版語言較易辨識
→ Neisseria: 而且 Handlebars 在前端也可用，就像前面大大們說的
非常感謝各位高手的建議，有好多厲害的工具！
我確實對於js的掌控能力很差...勢必要加強了
※ 編輯: wlwillwell (59.127.190.161), 07/10/2015 09:37:51