Syntax highlighting for JavaScript

austen · October 13, 2018, 3:00pm

Hi!
My vim has preconfigured javascript syntax highlighting, but it’s not very good compared to the syntax highlighting on GitLab. How can I get GitLab-style javascript highlighting on my vim? Here’s a screenshot for comparison. GitLab is on the left, my terminal is on the right.

BTW I tried to follow the node.vim setup instructions, but it hasn’t changed the highlighting… maybe I did it wrong.

austen · October 13, 2018, 11:44pm

Ok never mind. I found a syntax file and I figured out that vim keeps the file in /usr/share/vim/vim80/syntax. I just renamed the old syntax file and copied in the new one. It’s still not as good as the python highlighting, but it’s a slight improvement over the preconfigured javascript highlighting.

github.com

jelera/vim-javascript-syntax/blob/master/syntax/javascript.vim

" Vim syntax file
"      Language: JavaScript
"    Maintainer: Jose Elera Campana <https://github.com/jelera>
" Last Modified: Wed 24 Feb 2016 03:35:03 AM CST
"       Version: 0.8.2
"       Credits: Zhao Yi, Claudio Fleiner, Scott Shattuck (This file is based
"                on their hard work), gumnos (From the #vim IRC Channel in
"                Freenode), all the contributors at this project's github page
"                (https://github.com/jelera/vim-javascript-syntax/graphs/contributors)

if !exists("main_syntax")
	if version < 600
		syntax clear
	elseif exists("b:current_syntax")
		finish
	endif
	let main_syntax = 'javascript'
endif

" Drop fold if it set but vim doesn't support it.

This file has been truncated. show original

austen · October 13, 2018, 11:59pm

I’ve switched to this pangloss syntax file. It’s more actively maintained.

github.com

pangloss/vim-javascript/blob/master/syntax/javascript.vim

" Vim syntax file
" Language:     JavaScript
" Maintainer:   vim-javascript community
" URL:          https://github.com/pangloss/vim-javascript

if !exists("main_syntax")
  if version < 600
    syntax clear
  elseif exists("b:current_syntax")
    finish
  endif
  let main_syntax = 'javascript'
endif

" Dollar sign is permitted anywhere in an identifier
if (v:version > 704 || v:version == 704 && has('patch1142')) && main_syntax == 'javascript'
  syntax iskeyword @,48-57,_,192-255,$
else
  setlocal iskeyword+=$
endif

This file has been truncated. show original