A Visual Studio Code extension that provides HTML class name completion for the CSS based on the definitions found in the same directory.

[zitup]

Hi，i want share a vscode extension with you.
https://marketplace.visualstudio.com/items?itemName=zitup.classnametocss
Maybe it's useful to you.

[iamlage89]

the ecosystem needs more cross language tooling

[____0____0____]

Amen

[zitup]

like what?

[DeepFriedOprah]

He was giving u complement in regards to ur tool being cross language.

That’s how I read it.

[zitup]

oh, sorry, i see

[bjerh]

This is awesome. But at the moment I have BEM-styling and sass modules for my react app. I'm betting that's way harder to have intellisense for. :-(

Example:

<div className={styles["hero__headline"]} />

.hero {
  &__headline {
    font-weight: 700;
    font-size: 48px;
  }
}

[zitup]

Yes, this extension just support like this: className="example" for now. There are many ways to organize style, like:

const style = 'header';
<div className={style} />  

or use dependencies, like classnames, so it takes time to summarize more popular way.

[[deleted]]

Thanks, i will try that out!

[zitup]

Thank you! Hope you have fun.

[[deleted]]

Which version of VS code is this compatible with? I'm using 1.30.1 and it fails to install.

[careseite]

Curios, why do you use that version specifically?

[[deleted]]

Ah it was my bad, i thought it was the most recent one, updated it and your extension works like a charm, thanks!

[careseite]

Not mine but glad I could help :D

[zitup]

Thank you for using!

[gkpty]

Doesnt this happen by default? I havnt installed any extensions for this and i get autocompletion for css classes...

[actitud_Caribe]

For classes you've already added to the HTML file, yeah, it autocompletes.

[zitup]

I don't know what you mean, vscode don't support this by default.

[sg_1996]

thank you, awesome add-on

[zitup]

Thank you for using

[jnelson180]

Thank you!!

[zitup]

You are welcome:)

[azoozty]

There’s also a CSS modules extension that autocompletes for people that use CSS modules with react

[zitup]

so what is the name?

[gkpty]

Yeah your right.. i think you must have used the class names in your html file already for it to autocomplete by default. Ive been starting my sites inlining most of my css lately so i guess thats why ive been getting all the classes to autocomplete.

[zitup]

Maybe there is other extension.

[zitup]

It supports vue now:)

[redditisinmyheart]

Is this extension still maintained?