vimでタグの中身を置換する

はじめに

以下のような場合にタグの中身を書き換えたいとき1つずつ書き換えるのは面倒くさいのでまとめて行いたい

対象

以下のコードの""タグの"td"を"TableRowColumn"に変換したい

  renderEvents() {
    return _.map(this.props.events, event => (
      <TableRow key={event.id}>
        <td>{event.id}</td>
        <td>
          <Link to={`/events/${event.id}`}>
            {event.title}
          </Link>
        </td>
        <td>{event.body}</td>
      </TableRow>
    ))
  }

手順

  1. vimの選択モードで変換したい範囲を指定
  2. 以下のコマンドを入力
:'<,'>s/td/TableRowColumn/g

まとめ

コマンドだけで置換できるのはすごく便利!
正規表現はまた今度まとめてみようと思います.