TypeScript syntax highlighting in vim

Question

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?

I installed Pathogen and the au ... instruction in the ~/.vimrc is all I need. — bloodyKnuckles
– bloodyKnuckles, Commented May 21, 2017 at 13:48
I think over time this has changed a bit. I went to this plugin's github and now it only requires this git clone https://github.com/leafgarland/typescript-vim.git ~/.vim/pack/typescript/start/typescript-vim to actually work. — DAEMonRaco
– DAEMonRaco, Commented Dec 3, 2019 at 17:33

Nico Schlömer · Accepted Answer · 2016-01-29 15:11:39Z

32

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

Plugin 'leafgarland/typescript-vim'

Highlighting works now.

answered Jan 29, 2016 at 15:11

Nico Schlömer

59.7k36 gold badges216 silver badges291 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Kemin Zhou Over a year ago

I have installed Vundel first, and Plugin 'same as above'. Still not work. After I manually copy the files to /usr/share/vim/vim74, it worked. I will list the details below.

K-Dawg Over a year ago

Where do you type this?!

dino · Accepted Answer · 2019-02-26 14:56:27Z

28

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

answered Feb 26, 2019 at 14:56

dino

1,1339 silver badges13 bronze badges

2 Comments

mrk Over a year ago

The problem with this approach is that when you move to a new machine and need this set up again, you have nothing in .vimrc that helps you install the plugins you've been using.

Mark K Cowan Over a year ago

I have .vim as a git repo, and install plugins with git submodule add instead of git clone, so it's all tracked

Kemin Zhou · Accepted Answer · 2018-03-19 23:36:04Z

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.

answered Mar 19, 2018 at 23:36

Kemin Zhou

6,9913 gold badges54 silver badges60 bronze badges

1 Comment

MyrionSC2 Over a year ago

Thanks, worked for me. In the ftdetect/typescript.vim file the following options are set: " use set filetype to override default filetype=xml for *.ts files autocmd BufNewFile,BufRead *.ts set filetype=typescript " use setfiletype to not override any other plugins like ianks/vim-tsx autocmd BufNewFile,BufRead *.tsx setfiletype typescript it would probably be safest just to copy that into .vimrc

sleske · Accepted Answer · 2021-04-22 12:02:51Z

3

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).

answered Apr 22, 2021 at 12:02

sleske

84.1k40 gold badges197 silver badges239 bronze badges

Collectives™ on Stack Overflow

TypeScript syntax highlighting in vim

4 Answers 4

2 Comments

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related