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

看板Web_Design作者 (威廉先生)時間9年前 (2015/07/08 11:43), 9年前編輯推噓11(11推 0噓 11→)
留言22則, 12人參與, 最新討論串1/1
長年使用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
推
07/08 11:47, , 1F
聽起來好像可以用複製貼上解決XD
07/08 11:47, 1F
推
07/08 11:49, , 2F
好奇問問 聽你的說明好像 未來共用區塊有變動的話
07/08 11:49, 2F
→
07/08 11:49, , 3F
改範本頁面也只會改到之後做的版型 沒錯吧?
07/08 11:49, 3F
DW有網站管理員，會把同一個資料夾的檔案視為一個網站內容 搭配範本的做法是，它利用html內建的<!--註記-->語法 以只有DW認得的命名的方式，把該區塊「鎖死」 因此只有開啟範本檔案才能修改。而當修改完畢儲存套用時 DW會去掃整個資料夾底下，有套用該區塊命名的所有網頁檔 然後批次全部更新，因此無關新頁面何時生成的 只要頁面有套用到該範本 範本修改時就可以全部一次更新 你知道...有時候框架雖然寫好了 但是網頁做到一半pm或顧客忽然想再加個按鈕啊 還是多一個選單之類的...已經做了幾十頁 修改起來會很恐怖QQ ※ 編輯: wlwillwell (59.127.190.161), 07/08/2015 11:54:34
推
07/08 12:00, , 4F
喔喔 我懂你的意思了 DW有這個功能就是了 Q_Q
07/08 12:00, 4F
→
07/08 12:00, , 5F
html我還沒試過 不過我用php都是用匯入的
07/08 12:00, 5F
→
07/08 12:01, , 6F
另外有些後端的框架也有這功能 譬如LARAVEL
07/08 12:01, 6F
→
07/08 12:01, , 7F
不過都是要可以跑後端 html我就不太清楚了
07/08 12:01, 7F
→
07/08 12:02, , 8F
應該是可以利用JAVASCIRPT去做到啦 只是覺得有點怪怪de
07/08 12:02, 8F
→
07/08 13:07, , 9F
jquery load()
07/08 13:07, 9F
推
07/08 13:51, , 10F
你請工程師幫你想個套樣板的方法吧
07/08 13:51, 10F
其實我之前自己用過php include的方式，不過工程師跟我抗議 因為這樣子他說在套程式的時候那個區塊不好處理...
推
07/08 13:53, , 11F
推jquery load()+1
07/08 13:53, 11F
我去看看這部分怎麼做，謝謝！ ※ 編輯: wlwillwell (59.127.190.161), 07/08/2015 14:09:30
推
07/08 14:10, , 12F
jquery load +1 (偷推handlebars + grunt compile
07/08 14:10, 12F
→
07/08 14:11, , 13F
不太會javascript的話 handlebars可能要花點時間
07/08 14:11, 13F
→
07/08 14:41, , 14F
聽起來像是後端用Template Engine處理的效果?
07/08 14:41, 14F
→
07/08 14:59, , 15F
前端畢竟是視覺,相應的template language恐怕是前端負責刻
07/08 14:59, 15F
推
07/08 15:00, , 16F
推handlebar
07/08 15:00, 16F
推
07/08 17:04, , 17F
07/08 17:04, 17F
推
07/09 01:31, , 18F
可以用erb或haml，純html可以搭配codekit有這個功能
07/09 01:31, 18F
推
07/09 08:16, , 19F
可以試試看用 fire.app
07/09 08:16, 19F
推
07/09 10:27, , 20F
試試看jade
07/09 10:27, 20F
→
07/09 10:35, , 21F
Handlebars 這種接近原來 HTML 的模版語言較易辨識
07/09 10:35, 21F
→
07/09 10:36, , 22F
而且 Handlebars 在前端也可用，就像前面大大們說的
07/09 10:36, 22F
非常感謝各位高手的建議，有好多厲害的工具！ 我確實對於js的掌控能力很差...勢必要加強了 ※ 編輯: wlwillwell (59.127.190.161), 07/10/2015 09:37:51
‣ 更多 wlwillwell 的文章
文章代碼(AID): #1Ld9nnBZ (Web_Design)