Skip to content

A Visual Studio Code extension that provides CSS class name completion for the HTML class attribute based on the CSS files in your workspace. Also supports React's className attribute.

Notifications You must be signed in to change notification settings

bypatryk/HTML-CSS-Class-Completion

 
 

Repository files navigation

IntelliSense for CSS class names

A Visual Studio Code extension that provides CSS class name completion for the HTML class attribute based on the CSS files in your workspace. Also supports React's className attribute.

Features

  • Provides class name completion from class definitions found on your current workspace
  • Command to manually re-cache the class definitions used on the auto completion
  • Supports React's className attribute

Features on the backlog

  • Cache class definitions from style tags
  • Cache class definitions from link tags
  • Customization of the directories in which the extension will look for class definitions through User Settings
  • Support for PHP, Razor, Jade...

You can request new features on the extension repository on GitHub.

What's new in version 1.2.x (Mai 28, 2017)

1.2.1 (Mai 28, 2017)

  • Rolling back a change that was causing node_modules to be ignored.

1.2.0 (Mai 9, 2017)

  • Now completion gets triggered when you open single quotes, double quotes or types a space character". Thanks to github.com/allevaton.
  • Internal refactors. Thanks to github.com/allevaton.

Check out the change log for all updates.

Usage

If there are HTML files on your workspace the extension automatically starts and look for CSS class definitions. In case new CSS classes are definined or new CSS files are added to the workspace and you also want auto completion for them simply hit the lightning icon you will find on the status bar and execute the command pressing Ctrl+Shift+P and then typing "Cache CSS class definitions".

About

A Visual Studio Code extension that provides CSS class name completion for the HTML class attribute based on the CSS files in your workspace. Also supports React's className attribute.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 100.0%