구 원트노/루비 온 레일즈

<RubyMine> rails view 헬퍼 emmet 사용하기


1. emmet이란?

emmet(ZenCoding)이란 html이나 css의 작업능률을 올려주는 플러그인으로 코딩 속도를 비약적으로 향상 시켜줍니다.


emmet에 대한 자세한 설명은 https://opentutorials.org/course/671/3987 여기를 찾아 보시면 자세히 설명되어 있습니다.



emmet 사용방법은 ! 입력 후 tap키를 누르면 html 구조가 생성되고 div이후에 tap을 누르면 div 태그가 생성되는 것처럼

특정 값을 입력하고 tap키를 누르면 자동으로 연관된 태그가 생성되어집니다.


2. rails emmet 적용하기

rubymine ide를 통해 편리한 emmet기능을 rails의 erb에 적용해보도록 하겠습니다.


루비 온 레일즈를 사용하면서 귀찮은 것 중 하나가 <% %>, 나 <%= %> 등을 입력하는 것입니다.

이러한 코드들을 emmet화 하겠습니다.




먼저 루비 마인을 설치해주세요.

설치는 https://www.jetbrains.com/ruby/ 여기서 하면 됩니다.

유료 IDE이지만 학생 계정 등록을 하면 무료로 사용할 수 있습니다.

http://tworab.tistory.com/47 학생 계정 등록 방법은 여기서 확인하시면 됩니다.


설치 완료했다면 https://github.com/jomno/rubymine_rails_emmet

을 통해 파일을 받습니다.


이제 rails emmet 설정 방법은 루비 마인을 실행하고 



file-import setting에서  rails_emmet.jar를 경로 추가하고 ok 해주면 끝입니다.



세팅을 보면 Editor-Live Templates에 ERB 항목들이 추가된 것을 확인 할 수 있습니다.


간단한 사용법은 위에 일반 emmet과 같이 <+tap하는 방식으로 사용하면 됩니다. ( <% %> 생성)

다른 사용 방법은 첨부된 gen_detail.PNG 파일과 rubymine_upgrade_1.gif와 rubymine_upgrade_1.gif을 보고 

따라하면 됩니다.


궁금하신 점 있으시면 댓글 남겨주세요!!