您好,欢迎访问一九零五行业门户网

【04】emmet系列之编辑器_html/css_WEB-ITnose

【01】emmet系列之基础介绍
【02】emmet系列之html语法
【03】emmet系列之css语法
【04】emmet系列之编辑器
【05】emmet系列之各种缩写
前端开发人员,常用的是sublime和webstorm。
emmet在sublime上的效果: 1). css :他与其它编辑器的区别在于细节上,比如ctrl,alt+方向键可以修和里边的数值
2). html 效果:
3). sublime的emmet规则修改:
packages->emmet->emmet->snippets.json
emmet在webstorm上的效果: 只有一个例外jetbrain公司的产品线:webstorm,phpstorm,intellij idea都是内置的,不需要安装。
1).
写js的效果:
2). webstorm的emmet规则修改:files -> settings -> live templates
定制 
你还可以定制emmet插件:
添加新缩写或更新现有缩写,可修改snippets.json文件 更改emmet过滤器和操作的行为,可修改preferences.json文件 定义如何生成html或xml代码,可修改syntaxprofiles.json文件
针对不同编辑器的插件 
emmet支持的编辑器如下(链接为针对该编辑器的emmet插件):
sublime text 3/2 textmate 1.x eclipse/aptana coda 1.6 and 2.x espresso chocolat (通过“install mixin”对话框添加) komodo edit/ide (通过tools → add-ons菜单添加) notepad++ pspad codemirror2/3 brackets
在线编辑器的支持:  jsfiddle  js bin  codepen  icecoder  divshot  codio
第三方插件的支持 下面这些编辑器的插件都是由第三方开发者所提供的,所以可能并不支持所有emmet的功能和特性。
 synwrite  webstorm  phpstorm  vim  html-kit  hippoedit  codelobster php edition  tinymce
其它类似信息

推荐信息