如果你从事前端开发或者web开发的话,一定听说过Zen coding 一种快速编写HTML/CSS代码的方法。它使用仿CSS选择器的语法来快速开发HTML和CSS 由Sergey Chikuyonok开发。 现在它改名为了Emmet,并且搭建了一个新的华丽的网站:http://docs.emmet.io。 我们可以
如果你从事前端开发或者web开发的话,一定听说过Zen coding – 一种快速编写HTML/CSS代码的方法。它使用仿CSS选择器的语法来快速开发HTML和CSS – 由Sergey Chikuyonok开发。
现在它改名为了Emmet,并且搭建了一个新的华丽的网站:http://docs.emmet.io。
我们可以从下图体会一下他的强大。
和一般的编辑器中使用的“代码片段”概念不太一样,Emmet使用动态的语法来生成代码,这意味着你不需要自己去编辑并创建固定的代码片段。 大大的提高了代码编写效果,这一点似的Zen coding非常的流行。
例如,输入如下内容:
ul#nav>li.item$*4>a{Item $}
Emmet会帮助你生成如下的代码片段:
Item 1 Item 2 Item 3 Item 4
Emmet 作为插件可以支持如下的编辑器:
- Eclipse/Aptana
- Sublime Text 2
- TextMate 1.x
- Coda 1.6 and 2.x
- Espresso
- Komodo Edit/IDE
- Notepad++
- PSPad
- CodeMirror2
- PHPStrom
如果做PHP开发的话,强烈建议使用PHPStrom这一PHP开发利器,再配合Emmet就是如虎添翼!
这里有一篇详细介绍Emmet的文章:http://www.iteye.com/news/27580
原文地址:WEB开发者必备神器-Emmet(Zen Coding),各IDE均有插件支持, 感谢原作者分享。

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

Eclipse용 SAP NetWeaver 서버 어댑터
Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.

DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

VSCode Windows 64비트 다운로드
Microsoft에서 출시한 강력한 무료 IDE 편집기
