티스토리 뷰

learning

빔(VIM) 에서 Zen-coding 설정 하기.

눈침침 2010. 7. 20. 14:49
얼마전 즐거운 FT개발자 이야기 라는 블로그에서 ZenCoding 이라는 기가막힌 HTML 코딩 방법에 대하여 알게 되었습니다. 자세한 내용은 "Zen Coding"으로 검색을 해보시거나 '즐거운 FT개발자 이야기'라는 링크를 눌러 보면 설명이 나옵니다.

 여기서 내가 다루고 싶은건 범우주 에디터인 VIM에 해당 플러그인을 설정 하는 것.

 우선 vi 에서 쓸 수 있는 Zen coding 플러그인은 두 종류입니다. 그중 난 '요시히로 마시모또' 님이 만드신 플러그인을 설치하기로 하였습니다. 이유는 그냥 vim 파일 하나만 있으니깐,ㅋ 다른 플러그인은 파일이 두개인걸로 기억이...

Step1. 우선 플러그인 페이지에서 zencoding.vim 파일을 받습니다
Step2. zencoding.vim 파일을 '$HOME/.vim/ftplugin/html' 경로에 복사 합니다.
Step3. 끝!?

어디 에디터를 열고 다음과 같은 코드를 써보죠..
html:5
 그리고 Ctrl+y 콤마(,) 를 눌러보면,
어디 이렇게 변했나요?

<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

</body>
</html>

두둥!! 그럼 설치 끝!

 내가 이 글을 쓰고 싶어진건 바로 이 다음 부터 입니다..
난 실패 왜일까요?

 가능성1. 파일타입 플러그인 기능을 켜지 않았다.
 해결책: 명령창에서 'filetype plugin on' 을 입력해 보자

 가능성2. 현재 파일타입이 html 이 아니다. 해당 플러그인은 파일타입 플러그인이라 html 편집 모드일때만 동작을 하더군요.
 해결책: 명령창에서 'set ft=html' 이라고 입력해 보자.

이제 다시 'html:5'를 입력하고 바로 Ctrl+y 그리고 콤마(,)를 눌러봅니다. 되나요?

난 여기서 성공했으니 이제 그만... 이제 Zen Coding의 마법속으로 빠져봅시다~

공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2024/04   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
글 보관함