웹 개발 및 디자인에 유용한 Vim 플러그인 (php, html, css, javascript)?
지금 surround.vim은 HTML 태그로 텍스트를 묶는 데 사용 하고 있으며 CSS 파일의 16 진수 값에 따라 텍스트를 강조 하는 플러그인 을 사용하고 있습니다 (예 : # 888은 CSS 파일에서 회색 배경을 가짐).
웹 개발을위한 다른 유용한 플러그인이 있습니까?
권장 사항
지금까지 답변에 언급 된 플러그인 목록은 다음과 같습니다.
- 텍스트를 HTML 태그로 묶는 서라운드 .vim
- jslint.vim 을 사용하여 JSLint로 JavaScript 오류 확인
- HTML 및 CSS 고속 코딩을위한 Emmet.vim
- phpfolding.vim to PHP 자동 접기
- 예를 들어 PHP의 자동 구문 검사를위한 Syntastic
- 다양한 언어의 태깅을위한 풍부한 ctags .
- 태그 바 소스보기 / 탐색을 돕고 상태 영역에 통화 서명을 표시합니다.
나는에 대한 답변을 서면으로 작성했습니다 이 문제 와 이 문제는 자바 스크립트를 얻는 방법을 설명하는 문법 검사 / linting 및 소스 코드 검색 / 태그 목록을 지역 사회에 기반하여 빔에 대한 jshint.com (방법은 IMO 더 나은 JSLint 이상입니다)와 모질라의를 DoctorJS (이전의 jsctags ).
저는 Syntastic 이 사소한 PHP 문제를 발견하는 데 상당히 도움이된다고 생각합니다. (그리고 / 또는 php -l을 : make로 설정하는 어떤 형태와 혼합합니다.) Syntastic은 또한 HTML에 깔끔한 경고를 보여줍니다.
VIM, http://github.com/hallettj/jslint.vim의 JSLint는 어떻습니까?
다음은 내가 현재 사용하고있는 플러그인과 일부 vimrc 매핑을 통해 작업을 좀 더 쉽게 만듭니다.
플러그인
Pathogen 은 모든 사용자에게 필수적인 vim 플러그인입니다. 필요한 모든 플러그인을 자체 디렉토리 내에 정리하는 데 도움이됩니다. 이렇게하면 플러그인이 모두 같은 트리에 있지 않기 때문에 나중에 플러그인을 제거하기가 훨씬 쉽습니다. Pathogen은 런타임에 모든 것을 함께 추가하는 것을 처리합니다.
Command-T 는 파일을 쉽게 열 수있는 인기있는 텍스트 메이트 기능을 추가합니다.
Snipmate 는 vim에 스 니펫과 같은 textmate의 기능을 제공합니다.
Sparkup은 HTML을 더 빠르고 쉽게 작성할 수 있도록 vim에 젠 코딩을 추가합니다.
NERDCommenter를 사용하면 주석 처리 된 코드 블록을 쉽게 전환 할 수 있습니다.
Syntastic 은 다양한 파일 유형에 구문 검사를 추가하고, vim에 기호 지원이 활성화 된 경우 줄 번호 왼쪽에 오류가있는 위치를 알려주는 마커가 표시됩니다.
.vimrc 구성 설정
HTML을 HTML 엔터티로 인코딩 / 디코딩 (문서 작성에 적합)
"EASILY ESCAPE OR UNESCAPE HTML
function HtmlEscape()
silent s/&/\&/eg
silent s/</\</eg
silent s/>/\>/eg
endfunction
function HtmlUnEscape()
silent s/</</eg
silent s/>/>/eg
silent s/&/\&/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>
원하지 않는 공백 강조
"HIGHLIGHT POTENTIALLY UNWANTED WHITESPACE
highlight BadWhitespace term=standout ctermbg=red guibg=red
match BadWhitespace /[^* \t]\zs\s\+$\| \+\ze\t/
나는 ZenCoding을 좋아합니다 : http://www.vim.org/scripts/script.php?script_id=2981
또한 Php 접기 : http://www.vim.org/scripts/script.php?script_id=1623
ctags 일명 무성한 ctags
That blog post also mentions the taglist plugin, which I have yet to use.
Very helpful when dealing with html or xml: surround.vim; it allows to easily add/delete/change any kind of tags.
Adapted by someone else from a couple of functions of mine (in turn adapted from others), this plugin allows you to turn "special" characters into HTML entities (and back) or URL Escapes (and back).
This is extremely useful when writing stupid HTML Emails.
'Program Tip' 카테고리의 다른 글
| 성능 : 일반에서 파생 된 유형 (0) | 2020.11.25 |
|---|---|
| AVAssetWriter 및 AVAssetWriterInputs를 통해 비디오 + 오디오를 작성하는이 코드가 작동하지 않습니다. (0) | 2020.11.25 |
| Angularjs-간단한 양식 제출 (0) | 2020.11.25 |
| Visual Studio가 새 .vsmdi 파일을 만드는 이유는 무엇입니까? (0) | 2020.11.25 |
| 자바 스크립트 : document.execCommand 크로스 브라우저? (0) | 2020.11.25 |