Hacker News Reader

Comment by mttrms | Hacker News Reader

Which syntax highlighting plugin(s) are you using? Do you have syntax highlighting for functional components/hooks in .tsx files / can you share a config? Would love to give it a try.

I have spent many hours trying to get that work with no success. I've searched public .vimrc configs on github using typescript plugins and none of them gave me any type of syntax highlighting that compared to VSCode.

View on HN

I haven't used VSCode enough to consider myself knowledgeable about it's syntax highlighting or auto-indentation, so caveat emptor.

I use CoC.nvim using the coc-tsserver plugin to get Typescript completion/jump to definition etc, ALE to get ESLint warnings, HerringtonDarkholme/yats.vim (A Typescript syntax, Neovim comes bundled with this, but the bundled version might be out of date), and maxmellon/vim-jsx-pretty for JSX syntax highlighting and indentation (vim-jsx-pretty's auto indentation is not 100%, but it works well enough).

My colorscheme is tomasiser/vim-code-dark, in case that matters. Example screenshot: https://i.imgur.com/6UzKtU2.png

Thanks for sharing! My current setup is:

Plug 'HerringtonDarkholme/yats.vim'

Plug 'mhartington/nvim-typescript', { 'do': './install.sh' }

Plug 'pangloss/vim-javascript'

Plug 'maxmellon/vim-jsx-pretty'

Not too far off, but different.

I'll adjust a bit and see how it looks on some production code.

I’ve had success with my config, it’s kind of large and i’m slowly slimming it down. But maybe it will help.

https://github.com/monsonjeremy/dotfiles/tree/master/config/...

Reply on news.ycombinator.com