web-dev-qa-db-ja.com

Web開発とデザイン（php、html、css、javascript）に便利なVimプラグイン？

現在、HTMLタグでテキストを囲むためにsurround.vimを使用しており、CSSファイルの16進値に従ってテキストを強調表示する plugin を使用しています（たとえば、＃888はCSSファイル）。

Web開発に役立つ他のプラグインはありますか？

推奨事項

これまでの回答で言及されたプラグインのリストは次のとおりです。

  • surround.vim HTMLタグでテキストを囲む
  • jslint.vim JSLintでJavaScriptエラーをチェックする
  • Emmet.vim HTMLおよびCSSの高速コーディング用
  • phpfolding.vim to PHPの自動折りたたみ
  • Syntastic の自動構文チェック用PHP
  • Exuberant ctags さまざまな言語のタグ付け用。
  • タグバー ソースの表示/ナビゲートをサポートし、ステータスエリアにコールサインを表示します。
javascriptvimplugins
63
alexchenco

この質問 および この質問 のJavaScriptの取得方法を説明する回答構文チェック/リンティングおよびソースコードブラウジング/コミュニティ主導の jshint.com を使用したVimのtag-list JSLint IMOよりも優れています。MozillaのDoctorJS（以前jsctags）。

9
Ory Band

Syntastic は、マイナーPHP問題を見つけるのにかなり役立ちます。（および/またはphp -lを：makeとして設定する何らかの形でそれをブレンドします。）Syntasticもhtmlに整然とした警告を表示します。

6
Jamey

VIMでのJSLintはどうですか？ http://github.com/hallettj/jslint.vim

4
Luca Matteis

以下は、私が現在使用しているプラ​​グインと、少し簡単にするためのvimrcマッピングです。

プラグイン

Pathogenは、すべてのユーザーにとって不可欠なvimプラグインです。必要なすべてのプラグインを独自のディレクトリ内に整理するのに役立ちます。これにより、プラグインがすべて同じツリーに存在するわけではないため、後でプラグインを簡単にアンインストールできます。 Pathogenは、実行時にすべてを一緒に追加します。

Command-Tは、ファイルを簡単に開くことができる一般的なテキストメイト機能を追加します。

Snipmatevimにスニペットのようなtextmateの力を与えます。

Sparkupは、vimにzencodingを追加して、HTMLをより速く簡単に記述できるようにします。

NERDCommenterは、コメント化されたコードブロックを簡単に切り替えることができます。

Syntasticさまざまなファイルタイプの多くに構文チェックを追加し、vimでサインのサポートが有効になっている場合、左側にマーカーが表示されますエラーがどこにあるかを示す行番号の。

。vimrc config settings

HTMLから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>

不要な空白を強調表示する

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

ZenCodingが好きです http://www.vim.org/scripts/script.php?script_id=2981

また、Phpを折り畳む場合： http://www.vim.org/scripts/script.php?script_id=162

3
Drasill

ctags aka 熱狂的なctags

それについてのブログ投稿。

そのブログ投稿では taglist plugin についても言及していますが、これはまだ使用していません。

3
George Marian

NERDTree 、 minibufexpl

3
Flavius Stef

私のいくつかの機能 （順番に 他人から ）から他の誰かによって適応された、 このプラグイン は「特別な」文字を変えることができますHTMLエンティティ（およびその逆）またはURLエスケープ（およびその逆）へ。

これは極端に愚かなHTMLメールを書くときに便利です。

0
romainl

Htmlまたはxmlを扱うときに非常に役立ちます。 surround.vim ;あらゆる種類のタグを簡単に追加/削除/変更できます。

0
matias