星空网 > 软件开发 > 网页设计

【04】emmet系列之编辑器

 

   【01】emmet系列之基础介绍

 

  【02】emmet系列之HTML语法

 

  【03】emmet系列之CSS语法

 

  【04】emmet系列之编辑器

 

  【05】emmet系列之各种缩写

 

前端开发人员,常用的是sublime和webstorm。

 

emmet在sublime上的效果:

1). css :他与其它编辑器的区别在于细节上,比如ctrl,alt+方向键可以修和里边的数值

【04】emmet系列之编辑器

2). html 效果:

【04】emmet系列之编辑器

3). sublime的emmet规则修改:

packages->Emmet->emmet->snippets.json

【04】emmet系列之编辑器

 

emmet在webstorm上的效果:

只有一个例外jetbrain公司的产品线:webstorm,phpstorm,intellij idea都是内置的,不需要安装。

1).

【04】emmet系列之编辑器

写js的效果:

【04】emmet系列之编辑器

2). webstorm的emmet规则修改:Files -> settings -> Live Templates

【04】emmet系列之编辑器



 

定制 


你还可以定制Emmet插件: 

  • 添加新缩写或更新现有缩写,可修改snippets.json文件
  • 更改Emmet过滤器和操作的行为,可修改preferences.json文件
  • 定义如何生成HTML或

针对不同编辑器的插件 


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
  • <textarea>
  • CodeMirror2/3
  • Brackets

在线编辑器的支持:

  •  JSFiddle
  •  JS Bin
  •  CodePen
  •  ICEcoder
  •  Divshot
  •  Codio

第三方插件的支持

下面这些编辑器的插件都是由第三方开发者所提供的,所以可能并不支持所有Emmet的功能和特性。

  •  SynWrite
  •  WebStorm
  •  PhpStorm
  •  Vim
  •  HTML-Kit
  •  HippoEDIT
  •  CodeLobster PHP Edition
  •  TinyMCE





 






原标题:【04】emmet系列之编辑器

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

没有在亚马逊波兰站点进行销售,为什么仍然要注册波兰VAT?:https://www.kjdsnews.com/a/774455.html
Bandcamp官网网址,Bandcamp平台怎么样:https://www.kjdsnews.com/a/774456.html
2022年了,独立站都在卖什么产品?:https://www.kjdsnews.com/a/774457.html
Anker大品牌布局,亚马逊卖家的顶级竞争高手:https://www.kjdsnews.com/a/774458.html
2022年亚马逊印度站入驻及科普解答:https://www.kjdsnews.com/a/774459.html
节日即商机!情人节玩具类目也能卖“鲜花”?:https://www.kjdsnews.com/a/774460.html
在古巴做游轮 古巴旅游项目:https://www.vstour.cn/a/363194.html
西藏旅游攻略自驾游需要多少天 去西藏旅游自驾游要多久时间:https://www.vstour.cn/a/363195.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流