DEV Community

Cover image for Screencast Mode in VS Code

Screencast Mode in VS Code

Dzhavat Ushev on September 18, 2019

This post was originally published on my blog. This week I released an update to my VS Code extension that lets you open a flexbox cheatsheet d...
Collapse
 
lishine profile image
Pavel Ravits

Cool!
Currently there is no autocompletion/intellisense for flex properties in the editor. There is only some short memory suggestions.
What do you is the best way to add this to vscode?
Basically I am writing inline styles like this flexDirection="column"

Collapse
 
dzhavat profile image
Dzhavat Ushev

Can you explain in a bit more details what you need? Where do you write the inline style? Inside an html file? I'm not sure how you can extend the IntelliSense for already existing properties but vscode-custom-data might help you.

Collapse
 
lishine profile image
Pavel Ravits • Edited

I write react functional component in js file. It looks like this:

<Flex flexDirection="column">...</Flex>
Thread Thread
 
dzhavat profile image
Dzhavat Ushev

Sorry but your comment appears to be truncated. Have you seen the custom data link? Do you think that might help you?

Thread Thread
 
lishine profile image
Pavel Ravits

I edited it.
I saw the custom extension.
I think it need just to recognize that it is possibly a css and give css suggestions.
Like this question
stackoverflow.com/questions/481079...

Or this extension
marketplace.visualstudio.com/items...

Thread Thread
 
dzhavat profile image
Dzhavat Ushev • Edited

I see now. It's going to be hard. I have this exact same problem with my extensions. I need to figure out a way to detect the CSS in Vue, HTML, style components or whatever but haven't found it yet :(

Maybe looking at the source code for that "CSS in JS" extension can help you create your own.

Thread Thread
 
lishine profile image
Pavel Ravits

Yep. Thanks man

Collapse
 
webcoderph profile image
Maynard Cabalitan

This is amazing! thanks for sharing.

Collapse
 
afcjunior profile image
Adalberto Camacho Jr.

This is really good, thanks!

Collapse
 
adipolak profile image
Adi Polak

That's a great feature! I will use it for my talk next week.
Thanks for sharing!

Collapse
 
dzhavat profile image
Dzhavat Ushev

You're welcome. Hope you find it useful! Good luck with your talk!

Collapse
 
lautarolobo profile image
Lautaro Lobo

Oh my freaking God! Thanks dude!

Collapse
 
dzhavat profile image
Dzhavat Ushev

You're welcome. You sound like you've needed this feature a lot :)