2010-07-04 3 views
60

지금은 surround.vim을 사용하여 HTML 태그에 텍스트를 묶고 CSS 파일의 16 진수 값에 따라 텍스트를 강조 표시하는 plugin을 사용합니다 (예 : # 888은 CSS 파일에 회색 배경이 있음).웹 개발 및 디자인 (php, html, css, javascript) 용 유용한 Vim 플러그인?

웹 개발을위한 다른 유용한 플러그인이 있습니까?

  • surround.vim하는
  • jslint.vim이 JSLint
  • 와 자바 스크립트 오류를 ​​확인하기 위해 HTML 태그의 텍스트를 둘러싸 :

    권장 여기

    지금까지 답변에서 언급 한 플러그인의 목록입니다

  • Emmet.vim (HTML 및 CSS 고속 코딩 용)
  • phpfolding.vim to 자동 폴딩 용 PHP
  • Syntastic 예 : PHP
  • Exuberant ctags 다양한 언어로 태그를 지정할 수 있습니다.
  • Tagbar 소스보기/탐색, 상태 영역의 통화 서명 표시.

답변

9

내가 사용하는 빔 자바 스크립트 구문 검사/linting소스 코드 검색/태그 목록을 얻는 방법을 설명 this questionthis question에 대한 답변을 서면으로 작성했습니다 지역 사회 중심의 jshint.com을 (보다 훨씬 낫다 JSLint IMO) 및 Mozilla의 DoctorJS (이전 jsctags)입니다.

3

ctags를을 일명 Exuberant ctags

A blog post about it.

블로그 게시물도 내가 사용하는 아직 가지고있는 taglist plugin을 언급 그건 .

+0

태그 목록 유용한 목록 HTML 및 CSS 요소? – alexchenco

+0

@ janoChen 태그 목록을 사용하지 않았지만 유용한 것으로 보였으므로이를 답변에 포함 시켰습니다. 즉, taglist는 단순히 ctags에 의해 수집 된 정보를 표시합니다. ctags 웹 사이트에 따르면 HTML을 지원하지만 CSS에 대한 언급은 없습니다. http://ctags.sourceforge.net/languages.html 개인적으로 큰 PHP 코드베이스에서 ctags를 사용하여 매우 유용하다고 생각했습니다. –

6

나는 작은 PHP 문제를 안보에 매우 도움이 될 Syntastic을 찾을 수 있습니다. (그리고/또는 php -l을 make의 형태로 혼합하십시오.) Syntastic은 HTML에 대한 깔끔한 경고를 보여줍니다.

+0

+1 syntastic, 그리고 그것도 자바 스크립트에 대한 작동 :) –

+0

또한 ale 플러그인 (w0rp/에일) 그것을 시도 할 수있는 새로운 비동기 함수의 활용 –

0

html 또는 xml을 처리 할 때 매우 유용합니다. surround.vim; 어떤 종류의 태그도 쉽게 추가/삭제/변경할 수 있습니다.

4

내가 현재 사용하고있는 플러그인과 몇 가지 vimrc 매핑이 있습니다. 플러그인

Pathogen

모든 사용자를위한 필수 정력 플러그인입니다. 그것은 당신이 자신의 디렉토리에 조직 된 모든 플러그인을 유지하는 데 도움이됩니다. 이렇게하면 플러그인이 모두 같은 트리에 존재하지 않기 때문에 나중에 플러그인을 제거하는 것이 훨씬 쉬워집니다. Pathogen은 런타임에 모든 것을 함께 추가하는 것을 처리합니다.

Command-T에는 파일을 쉽게 열 수있는 인기있는 텍스트 메이트 기능이 추가되었습니다.

Snipmate은 vim에게 스 니펫과 같은 텍스트 메이트의 힘을줍니다.

Sparkup은 vim에 zencoding을 추가하여 HTML을 더 빠르고 쉽게 작성할 수 있도록합니다.

NERDCommenter 주석 처리 된 코드 블록을 쉽게 전환 할 수 있습니다.

Syntastic은 다양한 파일 형식에 구문 검사를 추가하고 vim에서 신호 기호 지원이 활성화되어 있으면 오류 번호를 나타내는 줄 번호 왼쪽에 마커가 표시됩니다.

의 .vimrc의 구성 설정

인 코드/디코드 HTML은 (문서 작성을위한 큰) 엔티티

"EASILY ESCAPE OR UNESCAPE HTML 
function HtmlEscape() 
    silent s/&/\&/eg 
    silent s/</\&lt;/eg 
    silent s/>/\&gt;/eg 
endfunction 

function HtmlUnEscape() 
    silent s/&lt;/</eg 
    silent s/&gt;/>/eg 
    silent s/&amp;/\&/eg 
endfunction 

map <silent> <c-h> :call HtmlEscape()<CR> 
map <silent> <c-u> :call HtmlUnEscape()<CR> 

전환 상대 행 번호 (새 VIM 7.3 기능)

function! g:ToggleNuMode() 
    if(&rnu == 1) 
    set nu 
    else 
    set rnu 
    endif 
endfunc 
nnoremap <C-L> :call g:ToggleNuMode()<cr> 
를 HTML로

하이라이트 불필요한 공백

"HIGHLIGHT POTENTIALLY UNWANTED WHITESPACE 
highlight BadWhitespace term=standout ctermbg=red guibg=red 
match BadWhitespace /[^* \t]\zs\s\+$\| \+\ze\t/ 
0

다른 사람이 a couple of functions of mine (다시 적용하면 from others)으로 변경 한 경우 this plugin은 "특수 문자"를 HTML 엔터티 (또는 뒤로) 또는 URL 이스케이프 (및 뒤로)로 변환 할 수있게합니다.

바보 같은 HTML 전자 메일을 쓸 때 유용합니다. 매우입니다.