/HTMLClassSuggestionsVSCode

Adds code completion suggestions when editing HTML class attributes in VSCode based on the CSS files in your workspace.

Primary LanguageTypeScriptMIT LicenseMIT

HTML Class Suggestions

html-class-suggestions is a Visual Studio Code extension that provides completion options for html class attributes based on the css files in your workspace.

Features

  • Suggestions based on the css files in your workspace.
  • Monitors your workspace for css file changes and refreshes the suggestions if needed.
  • css parsing using the css npm module.
  • Avoids parsing identical files by comparing file hash.
  • Language support: html, cshtml (new in 1.1.0), php
  • View library support: Vue, React (new in 1.2.0, thanks to Marko Vujanic)

Screenshot 1

Requirements

The extension is bundled with all necessary requirements, so it should be plug and play.

Release Notes

1.2.0

  • React support kindly contributed by Marko Vujanic
  • Rebased project off of modern vscode extension template.
  • Updated dependencies

1.1.0

  • All dependencies upgraded.
  • Test folder restructured to use vscode-test
  • Adds support for razor templates (cshtml)

1.0.7

  • Yet another small fix for #10.

1.0.6

  • Testability branch merged.
  • Small fixes for #10.

1.0.5

  • Sanitation of css class names. Implements #10.

1.0.4

  • Basic Vue support - Suggestions should now be available in html templates in vue components.
  • Hardened the css aggregator against malformed css which could break parsing completely in certain cases.

1.0.3

  • Fixed handling of css media rules. Classes defined within media rules should now be correctly picked up by the aggregator.

1.0.2

  • Added a status bar notification when processing is completed.

1.0.0

  • I am releasing this as v1.0.0. No longer a preview. This release includes basic php support. - Issue #5.

0.2.1

  • Fixed issue #4 - Refresh CSS classes on css file changes.

0.2.0

  • Optimized parsing for projects with a lot of duplicate css files. See 8525aaf.

0.1.2

  • Fixed issue #1 - VSCode hangs when extension opens a large number of css files.

0.1.1

  • Various minor packaging improvements.

0.1.0

  • Initial release of html-class-suggestions.