Skip to content

Commit aae0004

Browse files
committed
Add less support
Completion item add detail for cache file name Fixed exclude paths not working
1 parent f6bdfa0 commit aae0004

14 files changed

+4827
-3535
lines changed

CHANGELOG.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
## 1.21 (Sep 6, 2023)
2+
* Add less support
3+
* Completion item add detail for cache file name
4+
* Fixed exclude paths not working
15
### 1.20 (Dec 19, 2020)
26
* Settings to allow users to specify which language modes will have autocompletion;
37
* Fix interpretation of classes defined inside media queries.

README.md

Lines changed: 18 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,9 @@
1-
# IntelliSense for CSS class names in HTML
1+
# IntelliSense for CSS class names in HTML New by Clake
2+
3+
This project fork by Zignd https://github.com/Zignd/HTML-CSS-Class-Completion
4+
5+
Because the original project will not be updated after 2020, now this new project has fixed some original bugs and added support for less files
6+
27

38
A Visual Studio Code extension that provides CSS class name completion for the HTML `class` attribute based on the definitions found in your workspace or external files referenced through the `link` element.
49

@@ -29,9 +34,9 @@ A Visual Studio Code extension that provides CSS class name completion for the H
2934
## Extended Support for Other Language Modes
3035

3136
It's possible to specify which language modes will have autocompletion. There are three settings for this feature:
32-
* `html-css-class-completion.HTMLLanguages` is for language modes based on HTML, the ones you have the `class` attribute;
33-
* `html-css-class-completion.CSSLanguages` currently is for languages like CSS, Sass and Scss, this one is not very useful right now because it only supports the `@apply` function;
34-
* `html-css-class-completion.JavaScriptLanguages` is for JavaScript based languages supporting the `class` or `className` attribute.
37+
* `css-class-completion.HTMLLanguages` is for language modes based on HTML, the ones you have the `class` attribute;
38+
* `css-class-completion.CSSLanguages` currently is for languages like CSS, Sass and Scss, this one is not very useful right now because it only supports the `@apply` function;
39+
* `css-class-completion.JavaScriptLanguages` is for JavaScript based languages supporting the `class` or `className` attribute.
3540

3641
The language modes listed in the previous section are already defined as default values in these settings, and you can add new ones or remove the already defined ones as necessary.
3742

@@ -41,13 +46,14 @@ The language modes listed in the previous section are already defined as default
4146
* Emmet abbreviations support triggered by typing a "." (comes disabled by default, check the User Settings topic for more information).
4247

4348
## Contributions
44-
You can request new features and contribute to the extension development on its [repository on GitHub](https://github.com/Zignd/HTML-CSS-Class-Completion/issues). Look for an issue you're interested in working on, comment on it to let me know you're working on it and submit your pull request! :D
49+
You can request new features and contribute to the extension development on its [repository on GitHub](https://github.com/clakeboy/CSS-Class-Completion/issues). Look for an issue you're interested in working on, comment on it to let me know you're working on it and submit your pull request! :D
4550

46-
## What's new in version 1.20 (Dec 19, 2020)
47-
* Settings to allow users to specify which language modes will have autocompletion;
48-
* Fix interpretation of classes defined inside media queries.
51+
## What's new in version 1.21 (Sep 6, 2023)
52+
* Add less support
53+
* Completion item add detail for cache file name
54+
* Fixed exclude paths not working
4955

50-
Check out the [changelog](https://github.com/zignd/HTML-CSS-Class-Completion/blob/master/CHANGELOG.md) for the current and previous updates.
56+
Check out the [changelog](https://github.com/clakeboy/CSS-Class-Completion/blob/master/CHANGELOG.md) for the current and previous updates.
5157

5258
## Usage
5359
If there are HTML or JS files on your workspace, the extension automatically starts and looks for CSS class definitions. In case new CSS classes are defined, or new CSS files are added to the workspace, and you also want auto-completion for them, just hit the lightning icon on the status bar. Also, you can execute the command by pressing `Ctrl+Shift+P`(`Cmd+Shift+P` for Mac) and then typing "Cache CSS class definitions."
@@ -59,16 +65,16 @@ The extension supports a few user settings, changes to these settings will be au
5965

6066
You can change the folders and files the extension will consider or exclude during the caching process by setting the following user settings:
6167

62-
* `"html-css-class-completion.includeGlobPattern"` (default: `"**/*.{css,html}"`)
63-
* `"html-css-class-completion.excludeGlobPattern"` (default: `""`)
68+
* `"css-class-completion.includeGlobPattern"` (default: `"**/*.{css,html}"`)
69+
* `"css-class-completion.excludeGlobPattern"` (default: `""`)
6470

6571
#### Emmet
6672

6773
Emmet support comes disabled by default, the reason behind this choice is because it the current implementation simply triggers completion when you type a "." (period) and this behavior might be considered a little annoying, but it might change in the future.
6874

6975
Currently it supports the following languages (those are [language identifier](https://code.visualstudio.com/docs/languages/identifiers#_known-language-identifiers)): "html", "razor", "php", "blade", "vue", "twig", "markdown", "erb", "handlebars", "ejs", "typescriptreact", "javascript", "javascriptreact".
7076

71-
* `"html-css-class-completion.enableEmmetSupport"` (default: `false`)
77+
* `"css-class-completion.enableEmmetSupport"` (default: `false`)
7278

7379
![](https://i.imgur.com/O7NjEUW.gif)
7480
![](https://i.imgur.com/uyiXqMb.gif)

0 commit comments

Comments
 (0)