You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+18-12Lines changed: 18 additions & 12 deletions
Original file line number
Diff line number
Diff 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
+
2
7
3
8
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.
4
9
@@ -29,9 +34,9 @@ A Visual Studio Code extension that provides CSS class name completion for the H
29
34
## Extended Support for Other Language Modes
30
35
31
36
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.
35
40
36
41
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.
37
42
@@ -41,13 +46,14 @@ The language modes listed in the previous section are already defined as default
41
46
* Emmet abbreviations support triggered by typing a "." (comes disabled by default, check the User Settings topic for more information).
42
47
43
48
## 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
45
50
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
49
55
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.
51
57
52
58
## Usage
53
59
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
59
65
60
66
You can change the folders and files the extension will consider or exclude during the caching process by setting the following user settings:
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.
68
74
69
75
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".
0 commit comments