${}
같은 것들을 사용하기 시작했는데, 하이라이팅이 완전 똥망이다.Vundle
을 설치해보자git clone https://github.com/gmarik/Vundle.vim.git ~/.vim/bundle/Vundle.vim
Javascript
를 Node.js
와 가끔씩 쓸 일이 생기는 React.js
를 사용해 개발하고 있으며, 최근에 ECMA2015 (ES6)
문법을 적용하여 열심히 사용 중이다.~/.vimrc
설정 파일 내부의 call vundle#begin()
구문과 call vundle#end()
구문 사이에 Plugin을 추가해주면 된다. 일반적으로 Plugin 'pluginName'
혹은 Plugin 'maker/pluginName'
이다.vim
에 실행하고 :VundleInstall
을 입력하거나 터미널에서 vim +VundleInstall +q
명령어를 입력하면 된다.pangloss/vim-javascript
vim-javascript
플러그인은 vim의 js 기본 Syntax Highlighting과 Indentation을 향상시켜준다.Plugin 'pangloss/vim-javascript'
mxw/vim-jsx
React.js
를 사용하다보면 필연적으로 jsx 문법을 사용하게 된다. 당연히 vim의 기본 하이라이팅과 인덴트는 지원을 해주지 않아서 vim으로 react 개발할 때 고통을 받는다.vim-jsx
는 jsx 문법의 하이라이팅과 인덴트를 지원해주는 플러그인이다.vim-javascript
플러그인과 의존성이 있는 것 같다.Plugin 'pangloss/vim-javascript'
Plugin 'mxw/vim-jsx''
*.jsx
로 하지 않고 *.js
로 하는 경우가 많다. 이 플러그인을 *.js
확장자에도 적용하고 싶으면 .vimrc
에 다음 설정 구문을 추가해주자. (call vundle#(begin|end)()
구문 외부에 추가해야한다.)let g:jsx_ext_required = 0
isRuslan/vim-es6
isRuslan/vim-es6
README에 적혀 있다.SirVer/ultisnips
혹은 'garbas/vim-snipmate
플러그인이 필요하다고 한다. 플러그인 자체에 스니펫 기능이 있어서 그런 듯. 나는 설치가 덜 귀찮아 보이는 ultisnips
를 설치했다.Plugin 'SirVer/ultisnips'
Plugin 'isRuslan/vim-es6'
vim-javascript
와 충돌이 나나..?
vim-javascript
에서 es6 문법을 어느정도 지원해주는 것 같다. (ex. Arrow Function).vimrc
에서 플러그인 구문을 제거하고 vim에서 :VundleClean
vim-javascript
가 짱인 것 같다.youcompleteme
를 사용하여 javascript 분석 도구인 tern
을 vim
에 붙이는 것을 해 볼 것이다.