这是一个创建于 3652 天前的主题，其中的信息可能已经有所发展或是发生改变。
为了应付Linux环境程序设计的期末项目，想出了这么一个编辑器：用类似jQuery选择器和Markdown相混合的语法方便前端的开发。
当然我不懂前端，也没写过几行HTML，这个想法完全是上课犯困时用脚想出来的……
比如输入div#reg.btn，按下回车就会生成：
<div id="reg" class="btn">
</div>
还有比如输入##Title会自动生成h2标签，**hello**生成strong标签之类的Markdown语法。
我记得Sublime Text好像有一个package可以实现第一个功能。写前端的朋友说说这种工具有用吗？当然应付一下课程装装逼是足够了……
 |
1
feiyuanqiu 2014-12-29 16:05:08 +08:00
Emmet
|
|
2
feiyuanqiu 2014-12-29 16:06:07 +08:00
js 的话，我知道 http://jsfiddle.net/ 的编辑器是支持这个的
|
 |
3
14 2014-12-29 16:08:35 +08:00 via Android
Emmet +1
|
 |
4
doumeki 2014-12-29 16:10:05 +08:00
notepad++也有个叫zxxx什么的插件，具体名称记不得了也有这个功能。
|
 |
5
Bitex OP |
|
6
14 2014-12-29 16:17:30 +08:00
@Bitex 帮助太大了，这属于不用怎么学习就能带来很大提升的工具，比如输入.col-md-2*6立刻生成6个div效率太高了，Emmet基本上所有编辑器都内置或有插件了吧 http://emmet.io/download/
|
1 |
9
shiny 2014-12-29 16:21:59 +08:00
很多年前用过一次惊叹下就没再用了。
主要时间开销是在思考而不是编码。 |
 |
10
ivenvd 2014-12-29 16:22:26 +08:00
表示写 Slim 更简单…… Emmet 学习成本略高，生成代码之后编辑起来也不方便。
|
 |
11
bumz 2014-12-29 16:26:37 +08:00
後來把 Emmet 刪了，因爲它的 CSS Snippet 和另一個插件衝突 :-)
其實 Sublime 自帶支持部分 Emmet 語法，比如 div#id，而更複雜之語法也鮮有用武之地。 再者諸快捷鍵，如 Ctrl+Shift+W 可快速插入標記，則 **strong** 反倒不甚方便。 綜上，若無大量手工 HTML 輸入，此類想法意義不大；當大量 HTML 需要時，所見即所得之類更佳，蓋其不僅方便輸入，更方便修改維護。 |
 |
12
icylogic 2014-12-29 17:22:01 +08:00
html 不管是写起来还是看起来都噪音太大, 所以还是喜欢 jade, 虽然巨慢...
|
 |
13
9hills 2014-12-29 17:27:52 +08:00 via iPhone
只有我好奇这个和Linux环境程序设计有啥关系么
|
|
14
Bitex OP |
|
15
Bitex OP 谢谢大家，这个程序也就是在课堂验收上搞一个大装逼，真正用到生产环境的可能微乎其微……
|
Select Language