Syntax file and other settings for TypeScript. The syntax file is taken from this blog post.
Checkout Tsuquyomi for omni-completion and other features for TypeScript editing.
The simplest way to install is via a Vim add-in manager such as Plug, Vundle or Pathogen.
git clone https://github.com/leafgarland/typescript-vim.git ~/.vim/bundle/typescript-vim
If you want to install manually then you need to copy the files from this
repository into your vim path, see the vim docs for :help
runtimepath
for more information. This might be as simple as copying the files and
directories to ~/.vim/ but it depends on your Vim install and operating
system.
Once the files are installed the syntax highlighting and other settings will be
automatically enabled anytime you edit a .ts file.
This plugin includes a custom indenter (based on indent/java.vim), it works
pretty well but there are cases where it fails. If these bother you or want to
use other indent settings you can disable it by setting a flag in your
.vimrc:
let g:typescript_indent_disable = 1The compiler settings enable you to call the tsc compiler directly from Vim
and display any errors or warnings in Vim's QuickFix window.
To run the compiler, enter :make, this will run tsc against the last saved
version of your currently edited file.
You can add compiler options by modifying the compiler options variable.
let g:typescript_compiler_options = '-sourcemap'Note, you can use something like this in your .vimrc to make the QuickFix
window automatically appear if :make has any errors.
autocmd QuickFixCmdPost [^l]* nested cwindow
autocmd QuickFixCmdPost l* nested lwindow