TypeScript syntax highlighting in vim

27,088

Solution 1

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

Plugin 'leafgarland/typescript-vim'

Highlighting works now.

Solution 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

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

27,088

Author by

Nico Schlömer

Open-source software enthusiast.

Updated on April 23, 2021

Comments

Nico Schlömer about 3 years
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?
Kemin Zhou about 6 years

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.
mrk almost 5 years

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.
MyrionSC2 over 4 years

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
Mark K Cowan almost 4 years

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

Where do you type this?!