DEV Community

Cover image for I built my own VS Code Syntax Highlighter from scratch and here's what I learned.

I built my own VS Code Syntax Highlighter from scratch and here's what I learned.

Alex Antra on July 16, 2019

Context / Purpose So...! I'm a data analyst in an AWS Redshift SQL environment. For context, the environments that analysts out in th...
Collapse
 
cristiano profile image
cristiano

This post is great, really enjoyed how you shared your process! I’m sure a how-to VS Code Syntax Highlighter article written by you would be helpful to many devs. Thanks for sharing.

Collapse
 
corsari profile image
corsari • Edited

Hello
since I think you don't wanna fool anybody :-) I think there is a little mistake or typo

I mean

these two points at the very end of your post

  • For example you can use Yeoman, a NPM package to build a working shell of a VSCode extension which works and debugs right away.
  • Then I matched what I wanted to highlight to the predefined groups outlined here

are both linking the same identical link

Can you kindly fix that?
Thank you

Collapse
 
alexantra profile image
Alex Antra

Good Spotting! have rectified that mistake!

Collapse
 
metruzanca profile image
Samuele Zanca

Really nice post, but you know what its missing? (also your repo is missing this) a fancy result screenshot. You don't have to go all r/*nixporn and make it a fancy screenshot of vs-code with a dope theme and added shadows on a transparent background (so that on the white github readme it really pops) or anything like that, just a screenshot of the fancy syntax coloring you've ended up with. (though if you wanted to do that, seems I accidentally gave you a blueprint)

Collapse
 
nitishk72 profile image
Nitish Kumar Singh

Thanks for awesome post.
Add Installation guide and some screenshots

Collapse
 
corsari profile image
corsari • Edited

Hello! I'm back on this cool article
What about MySQL/SQL queries syntax color highlighting?
Did you implemented this?
Or do you have any valid (And working as expected) VSCode extension?
Thank you

as you can see, the unique supposed to be conceived for this purpose ... doesn't work

see this screenshot :-(((
ibb.co/Y2KdGYL

Collapse
 
jjmartin profile image
Jeff Martin

Thanks for writing this up and the extension. I don't see it in the Marketplace/Extension list in vs code though. Are you going to release it?

Collapse
 
alexantra profile image
Alex Antra

Nah the process to register it on the market place is a bit and I 100% only intended on making this for my team lol. Inside the github repo is the compiled v1 so you can download that and manually install it to your local VSCODE.

Collapse
 
helenanders26 profile image
Helen Anderson

Great post! Awesome result after going down so many different paths

Collapse
 
preachermanx profile image
Patrick S. Roberts

Well done, and thanks for sharing your journey.

Collapse
 
griffinator76 profile image
Nathan Griffiths

Nice work, I often thought about doing something like this but it always ended up in the too hard basket!

Collapse
 
alexantra profile image
Alex Antra

I'm surprised anyone still knows it exists

Collapse
 
paulresdat profile image
Paul Carlton

Hello, this was an enjoyable read. As a techie, I was able to quickly get to where I needed to be after reading this. Thanks for going through the pain for us.