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

VimでTypeScriptのsyntax highlight 〜Vundleのインストールから〜

$
0
0

こんばんは。フリーターです。

大学時代から研究や趣味でプログラミングする際にはvimを使っている僕ですが

とうとう生のvimではなくプラグインをインストールすることになったので、自分用のメモを兼ねてやり方を残しておきます。

どうせプラグイン入れるなら、いろいろ入れてみるのも楽しそうですけどね。

今回はプラグインを導入して、TypeScriptのsyntax highlightを行います。

Vundleのインストール

Vundleというのは、vimのプラグインを管理するツールです。

同じ働きをするものは他に

  • VimPlug
  • NeoBundle
  • Pathogen

あたりがあるみたいです。

では、ここを参考に入れましょう。
https://github.com/VundleVim/Vundle.vim

下記を実行します。

git clone https://github.com/VundleVim/Vundle.vim.git ~/.vim/bundle/Vundle.vim

一瞬、カレントディレクトリはどこにいればいいんだ、とか思ったけど、インストール先としてチルダから始まる絶対パスを指定してるから別に現在地はどこでもいいですね。

.vimrcの場所を確認

なにげに、こういうしょうもない所で結構困るんですよね。

この後、vimの設定ファイルである.vimrcに記述をしますが、場所がわからなきゃどうしようもない。

僕の場合は、普通にホームディレクトリ

cd ~/

にありました。

.vimrcに記述

一応、

cp .vimrc .vimrc1

としてバックアップしてから
次のコードを.vimrcの最上部に追加します。

.vimrc
set nocompatible              " be iMproved, required
filetype off                  " required

" set the runtime path to include Vundle and initialize
set rtp+=~/.vim/bundle/Vundle.vim
call vundle#begin()
" alternatively, pass a path where Vundle should install plugins
"call vundle#begin('~/some/path/here')

" let Vundle manage Vundle, required
Plugin 'VundleVim/Vundle.vim'

Plugin 'leafgarland/typescript-vim'

" All of your Plugins must be added before the following line
call vundle#end()            " required
filetype plugin indent on    " required

既にTypeScript用の記述も入ってます。

Plugin 'leafgarland/typescript-vim'

の行がそうです。
https://github.com/leafgarland/typescript-vim/wiki/Installation
を参考にやってます。

プラグインをインストール

vimを起動して次を実行します

:source ~/.vimrc
:PluginInstall

一行目で、さっきいろいろ書いた.vimrcをロードして、二行目でプラグインをインストールしてます。

以上!


Viewing all articles
Browse latest Browse all 5608

Trending Articles



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