作者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/cn.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