Sublime Text 2를 설치하고, Package Control, Zen Coding, Emmet 등을 모두 설치하고, 사용하는 방법을 알아봤습니다.
오늘은 Prefixr 을 설치하고 사용하는 방법을 알아보겠습니다.
Prefixr 는 Cross Browser에 맞게 코드를 작성하는 것을 말합니다.
이전에도 소개한 적이 있는데요. css 코드를넣으면 각 브라우져의 벤더프리픽스를 포함해서 코드를 만들어주는 사이트 입니다.
http://prefixr.com/

Prefixr 설치하는 방법.

Prefixr 을 설치하는 방법은 Zen Coding을 설치하는 방법과 동일합니다.
Ctrl+Shift+P 를 클릭해서 명령 팔렛트를 불러와서 Package Control 을 인스톨하고, Prefixr 을 인스톨합니다.
자세한 방법은 http://wbond.net/sublime_packages/prefixr 를 참고하세요.

Prefixr 사용하는 방법.

Prefixr 를 사용하는 방법은 무척 간단합니다.
CSS 코드를 모두 선택한다음 단축키인 Ctrl+Alt+X 를 누르면 됩니다.

Prefixr

/* 사용전 */
.box {
	animation: slide 1s alternate;
}

/* Ctrl+Alt+X 클릭한 후 */
.box {
	-webkit-animation: slide 1s alternate;
	-moz-animation: slide 1s alternate;
	-ms-animation: slide 1s alternate;
	-o-animation: slide 1s alternate;
	animation: slide 1s alternate;
}




참고 링크

[Design/코딩] - 추천 에디터 Sublime Text 2

[Design/코딩] - Sublime Text 2에서 Package Control 설치하는 방법

[Design/코딩] - Sublime Text 2에서 Zen Coding 설치하는 방법

[Design/코딩] - Sublime Text 2에서 Zen Coding을 사용하는 방법

[Design/코딩] - Sublime Text 2에서 Emmet 사용하는 방법