Quantcast
Channel: Vimタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 5608

tagbar.vimでctagsを使ってJSの関数、CSSの一覧を出す

$
0
0

Vimにtagbar.vimがインストールされている前提で。

下記からctagsをインストール

HomeBrewでインストールするとCSS用のパッチを当てられない
CSS用のパッチが必要ない場合はHomeBrewでインストールしても良い

http://prdownloads.sourceforge.net/ctags/ctags-5.8.tar.gz

CSS用のパッチを上記ディレクトリに突っ込む

http://designtomarkup.com/vim/download/ctags5.8-patch.zip

ctagsをインストール

$ cd ctags-5.8
$ ./configure
$ make
$ sudo make install

.bash_profileまたは.bashrcに下記を追記

MacOSデフォルトのctagsを使用しないように

$ export PATH="/usr/local/bin:$PATH"

ホームディレクトリに設定ファイルである.ctagsを追加する

$ cd ~/ && touch .ctags

JS用の設定ファイルを.ctagsに記述

https://gist.github.com/tim-smart/199338

検索結果を別タブで開きたいので下記を.vimrcに設定

nnoremap <F3> :<C-u>tab stj <C-R>=expand('<cword>')<CR><CR>

下記の方法で検索できる

  1. methodName上でctrl + ]
  2. methodName上で<F3>
  3. :tag methodName

対象となるディレクトリに移動してtagsファイルを作成

$ ctags -R .

注意点

エディタで開くときはtagsファイルがあるディレクトリで開くこと。

参考リンク


Viewing all articles
Browse latest Browse all 5608

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>