emmet 플러그인

emmet 플러그인: 이클립스에서 유용한 html, xml(pom.xml) 태그 도우미 

 

설치방법:
help - eclipse marketplace - find에 emmet 입력 후 install - 설치 도중 경고뜨면 무시하고 첫번째 install anyway 클릭
marketplace 안되면 help - install new software로 들어가서 http://emmet.io/eclipse/updates 주소를 url로 설정  

 

 

emmet 사용법

- 테그 내용 입력 후 ctrl + e 혹은 tab

1. h1
<h1></h1>

2. div>ul>li 하위 코드 생성 방법
<div>
	<ul>
		<li></li>
	</ul>
</div>
form>table>tr>td
<form action="">
	<table>
		<tr>
			<td></td>
		</tr>
	</table>
</form>

3. div>ul*2>li*3
<div>
	<ul>
		<li></li>
		<li></li>
		<li></li>
	</ul>
	<ul>
		<li></li>
		<li></li>
		<li></li>
	</ul>
</div>

4. input:text
<input type="text" name="" id="" />

5. input:submit[value="서버로 이동"]
<input type="submit" value="서버로 이동" />

6. div#myId
<div id="myId"></div>

7. div.myClass
<div class="myClass"></div>

8. ul>li.myClass*3
<ul>
	<li class="myClass"></li>
	<li class="myClass"></li>
	<li class="myClass"></li>
</ul>

9. div#myId+div.myClass
<div id="myId"></div>
<div class="myClass"></div>

xml에서 사용 방법
1. bean
<bean></bean>

2. dependency>(groupdId+artifactId+version)
<dependency>
	<groupid></groupid>
	<artifactid></artifactid>
	<version></version>
</dependency>