vim 설정하기 (typescript Highlighting)

vi 에디터는 linux 계열을 다루기 위해서 필수적으로 사용하는 에디터다.
텍스트가 이쁘게 출력되면 당연히 개발생산성이 향상된다.

사용자 계정의 vi 설정을 하기 위해서는 ‘~/.vimrc’ 를 편집하면 된다.
설정의 내용은 다음 문서를 참조했다.
* 출처: vim 에디터 이쁘게 사용하기

et hlsearch " 검색어 하이라이팅
set nu " 줄번호
set autoindent " 자동 들여쓰기
set scrolloff=2
set wildmode=longest,list
set ts=4 "tag select
set sts=4 "st select
set sw=1 " 스크롤바 너비
set autowrite " 다른 파일로 넘어갈 때 자동 저장
set autoread " 작업 중인 파일 외부에서 변경됬을 경우 자동으로 불러옴
set cindent " C언어 자동 들여쓰기
set bs=eol,start,indent
set history=256
set laststatus=2 " 상태바 표시 항상
set paste " 붙여넣기 계단현상 없애기

set shiftwidth=4 " 자동 들여쓰기 너비 설정
set showmatch " 일치하는 괄호 하이라이팅
set smartcase " 검색시 대소문자 구별
set smarttab
set smartindent
set softtabstop=4
set tabstop=4
set ruler " 현재 커서 위치 표시
set incsearch
set statusline=\ %<%l:%v\ [%P]%=%a\ %h%m%r\ %F\ " 마지막으로 수정된 곳에 커서를 위치함 au BufReadPost * \ if line("'\"") > 0 && line("'\"") <= line("$") |
\ exe "norm g`\"" |
\ endif

" 파일 인코딩을 한국어로
if $LANG[0]=='k' && $LANG[1]=='o'
  set fileencoding=korea
endif

" 구문 강조 사용
if has("syntax")
  syntax on
endif

" 컬러 스킴 사용
colorscheme jellybeans

여기서 colorscheme는 에디터의 스타일을 말하는데,
jellybeans 스타일은 기본 셋팅에는 설치되어 있지 않아 다운을 받아야 한다.
* 출처 : https://github.com/nanotech/jellybeans.vim

설치하는 방법은
‘/usr/share/vim/vim{버전}/colors’ 위치에 {스킴이름}.vim 파일을 생성한다.

* MAC (엘케피탄 이후)에서는 rootless 보안기능 때문에 파일 생성/수정이 안된다.

==> ~/.vim/colors 아래에 저장하면 됨

$ ls -al /usr/share/vim/vim*/colors/
/usr/share/vim/vim74/colors/:    # <== 요 위치에! (대부분 vim74 또는 vim80 일것이다)

$ sudo vi /usr/share/vim/vim74/colors/jellybeans
/*
  1) https://github.com/nanotech/jellybeans.vim 의 내용을 복사하고
  2) :wq 로 저장하고 나간다
*/

좀 더 다양한 colorscheme 을 사용해 보고 싶으면 아래를 참조
http://vimcolors.com/
newest-vim-colors-2017-01-31-14-58-00

여기까지만 해도 vi 에디터가 정말 이뻐진다.
여기서 typescript 연결 등의 Plug-in들을 설치하면 똑똑해지기까지 한다. ^^

vi 에디터를 위한 Plug-in 관리도구들이 Plug, Vundle or Pathogen 등이 있는데,
이중 Plug를 설치해 보자.
* 참고: https://github.com/junegunn/vim-plug

# "리눅스 계열의 경우

# "안되면 앞에 'sudo'를 붙여서 실행해보삼
curl -fLo ~/.vim/autoload/plug.vim --create-dirs \
    https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim

# "vi 에디터를 열고 'PlugInstall' 명령을 치면, 플러그인들을 설치하기 시작함
: PlugInstall

# "완료 되었다고 맨 상단에 메시지가 뜬다. (시간좀 걸림)

여기에 typescirpt 플러그인을 포함하려면,
아래 내용을 ‘~/.vimrc’ 파일 하단에 ‘call plug#begin()’과 ‘call plug#end()’ 사이에 둔다.

# "Specify a directory for plugins (for Neovim: ~/.local/share/nvim/plugged)
call plug#begin('~/.vim/plugged')

# "Highlighting for Typescript
Plug 'leafgarland/typescript-vim'

# "Initialize plugin system
call plug#end()

설치가 끝나고, vi 에디터를 다시 실행해 보면
타입스크립트 파일 ‘*.ts’에 대해서 이쁘게 문법강조가 표시된다.

workspace-ts-ssh-2017-01-31-14-48-05

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Google+ photo

Google+의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

%s에 연결하는 중

%d 블로거가 이것을 좋아합니다: