作者wlwillwell (威廉先生)
看板Web_Design
標題[問題] Subline Text有無類似共用框架的工具？
時間Wed Jul 8 11:43:42 2015
長年使用DreamWeaver，近期轉到Subline Text
對於他輕量化又有各種強大的外掛感到非常驚艷
不過有一個小問題十分困擾我
我的工作涉及網頁前端開發
一般都是前端完成後將網站打包交給工程師處理
因此我十分依賴DreamWeaver的「範本」功能
我只要將網站共用的各個區塊，如：
top bar、header、nav bar、footer、sidebar...等
先製作成一個範本頁
接下來我只要開新頁時套用範本
進而去修改content的內容即可
未來如果共用區塊有所異動，也只要開啟範本修改
儲存時DW就會自動修改全站下使用該範本的頁面
不過到了subline text，我找了好一陣子
都沒有找到相關的功能
用「共用框架」、「範本」等關鍵字
也沒有尋獲到類似的套件
我有找到像是Emmet的套件，可以快速自訂標籤語法
但是問題是依舊無法像DW那樣
「修改第一份範本，餘下套用的頁面自動全部更新！」
這對於有時候比較大型的網站，高達數十頁的時候
我要調整修正起來會相當辛苦...
想請教各位高手能否提點一下？感激！
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.127.190.161
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1436327025.A.2E3.html
1F：推 crossdunk: 聽起來好像可以用複製貼上解決XD 07/08 11:47
2F：推 crossdunk: 好奇問問 聽你的說明好像 未來共用區塊有變動的話 07/08 11:49
3F：→ crossdunk: 改範本頁面也只會改到之後做的版型 沒錯吧? 07/08 11:49
DW有網站管理員，會把同一個資料夾的檔案視為一個網站內容
搭配範本的做法是，它利用html內建的<!--註記-->語法
以只有DW認得的命名的方式，把該區塊「鎖死」
因此只有開啟範本檔案才能修改。而當修改完畢儲存套用時
DW會去掃整個資料夾底下，有套用該區塊命名的所有網頁檔
然後批次全部更新，因此無關新頁面何時生成的
只要頁面有套用到該範本
範本修改時就可以全部一次更新
你知道...有時候框架雖然寫好了
但是網頁做到一半pm或顧客忽然想再加個按鈕啊
還是多一個選單之類的...已經做了幾十頁
修改起來會很恐怖QQ
※ 編輯: wlwillwell (59.127.190.161), 07/08/2015 11:54:34
4F：推 crossdunk: 喔喔 我懂你的意思了 DW有這個功能就是了 Q_Q 07/08 12:00
5F：→ crossdunk: html我還沒試過 不過我用php都是用匯入的 07/08 12:00
6F：→ crossdunk: 另外有些後端的框架也有這功能 譬如LARAVEL 07/08 12:01
7F：→ crossdunk: 不過都是要可以跑後端 html我就不太清楚了 07/08 12:01
8F：→ crossdunk: 應該是可以利用JAVASCIRPT去做到啦 只是覺得有點怪怪de 07/08 12:02
9F：→ kurtisgod: jquery load() 07/08 13:07
10F：推 pm2001: 你請工程師幫你想個套樣板的方法吧 07/08 13:51
其實我之前自己用過php include的方式，不過工程師跟我抗議
因為這樣子他說在套程式的時候那個區塊不好處理...
11F：推 Ken52039: 推jquery load()+1 07/08 13:53
我去看看這部分怎麼做，謝謝！
※ 編輯: wlwillwell (59.127.190.161), 07/08/2015 14:09:30
12F：推 johnsonct: jquery load +1 (偷推handlebars + grunt compile 07/08 14:10
13F：→ johnsonct: 不太會javascript的話 handlebars可能要花點時間 07/08 14:11
14F：→ ofy: 聽起來像是後端用Template Engine處理的效果? 07/08 14:41
15F：→ ofy: 前端畢竟是視覺,相應的template language恐怕是前端負責刻 07/08 14:59
16F：推 dlikeayu: 推handlebar 07/08 15:00
18F：推 aspdoctor: 可以用erb或haml，純html可以搭配codekit有這個功能 07/09 01:31
19F：推 bbgba1923: 可以試試看用 fire.app 07/09 08:16
20F：推 l1796969: 試試看jade 07/09 10:27
21F：→ Neisseria: Handlebars 這種接近原來 HTML 的模版語言較易辨識 07/09 10:35
22F：→ Neisseria: 而且 Handlebars 在前端也可用，就像前面大大們說的 07/09 10:36
非常感謝各位高手的建議，有好多厲害的工具！
我確實對於js的掌控能力很差...勢必要加強了
※ 編輯: wlwillwell (59.127.190.161), 07/10/2015 09:37:51