TypeScript syntax highlighting in vim

Question

I installed the typescript plugin via

git clone https://github.com/leafgarland/typescript-vim.git ~/.vim/bundle/typescript-vim

and inserted

au BufRead,BufNewFile *.ts   setfiletype typescript

into by ~/.vim.rc. Linting via Syntastic and tsc/tslint works well, and

:set syntax

shows syntax=typescript. However,

:syntax

shows No Syntax items defined for this buffer and highlighting doesn't work.

Any idea what's going wrong?

Answer 1

What was missing from ~/.vimrc is a specification of where to find the plugin, i.e.,

Plugin 'leafgarland/typescript-vim'

Highlighting works now.

Answer 2

Vim 8 has native package loading. Leave .vimrc alone and just do this:

$ mkdir -p ~/.vim/pack/typescript/start
$ cd ~/.vim/pack/typescript/start
$ git clone https://github.com/leafgarland/typescript-vim.git

Answer 3

There are not so many postings when I searched on line for solving this problem. I installed Vundel, according to the instruction, and add the Plugin line to my ~/.vimrc file. Also added one line

autocmd BufNewFile,BufRead *.ts setlocal filetype=typescript

to vimrc. Still not working. Then I manually copied the typescript.vim file in each of the directories cloned from git: [email protected]:leafgarland/typescript-vim.git

compiler ftdetect ftplugin indent syntax

to their corresponding directories, respectively, to the /usr/share/vim/vim74/. If you use vim8.0 the directory basename will be vim80.

It started to work. This may not be a good solution, but at least it get me started.

Answer 4

While the other answers still work, vim now has TypeScript syntax highlighting built in.

So you can also just upgrade to Vim 8.2 (actually, I think v8.1.1486 is sufficient).