zignd / HTML-CSS-Class-Completion

:chocolate_bar: Visual Studio Code extension that provides CSS class name completion for the HTML class attribute based on the CSS files in your workspace
https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion
MIT License
251 stars 83 forks source link

Autocomplete of CSS in Project files doesn't work #72

Closed cwcoffman closed 7 years ago

cwcoffman commented 7 years ago

I have bootstrap classes loaded in node_modules and they show up when using Ctrl+Space. Nothing otherwise. If I type a 'space' first, autocomplete starts, but not if I don't. This makes it about the same as hitting Ctrl+Space first.

The following are all extensions I have installed:

abusaidm.html-snippets alexiv.vscode-angular2-files DavidAnson.vscode-markdownlint donjayamanne.python eg2.tslint groksrc.ruby guosong.bracketselection hubertstrk.pgsql-html infinity1207.angular2-switcher jakethashi.vscode-angular2-emmet Mikael.Angular-BeastCode ms-vscode.PowerShell ms-vscode.Theme-MarkdownKit msjsdiag.debugger-for-chrome natewallace.angular2-inline PeterJausovec.vscode-docker pmneo.tsimporter rebornix.Ruby Shan.code-settings-sync steoates.autoimport thekalinga.bootstrap4-vscode xabikos.JavaScriptSnippets Zignd.html-css-class-completion

Thoughts?

zignd commented 7 years ago

Correct me if I didn't understand your question. But isn't that the expected behavior? Whenever you press Ctrl+Space or just type a quotation mark, the available options appear.

cwcoffman commented 7 years ago

Yes, sorry for not being clear. That is the expected behavior, of course. I was, however, also hoping to find a way to have it auto-complete as I'm typing! Let me know if I'm barking up the wrong tree.

Thanks!

On Sun, Aug 20, 2017 at 2:27 AM, Igor H. Vieira notifications@github.com wrote:

Correct me if I didn't understand your question. But isn't that the expected behavior? Whenever you press Ctrl+Space or just type a quotation mark, the available options appear.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/zignd/HTML-CSS-Class-Completion/issues/72#issuecomment-323573920, or mute the thread https://github.com/notifications/unsubscribe-auth/ALlZ55aoPWmAIvxULFt63nNmTdrDAH23ks5sZ_v2gaJpZM4Ou3HX .

zignd commented 7 years ago

I believe you can do that already. As soon as you write something like class=" the IntelliSense window will open, and suggestions based on what you type after that will be filtered in this window by every letter you type. Then you can press Tab or choose another option by browsing through the available options with the up and down arrow keys followed by a Tab or Enter keypress. This IntelliSense window behavior is something built-in, and the extension developer can't do much about it, but provide the items to display in the list or provide additional documentation for each item.

zignd commented 7 years ago

Maybe I failed to understand you again, but correct me again if I'm wrong. xD

cwcoffman commented 7 years ago

For whatever reason, my version (latest) doesn't do this as I type. Maybe it's a setting I need to change.

Good to know it can do that - just need to figure out how to make it happen!

Thank you.

On Mon, Aug 21, 2017 at 5:53 PM, Igor H. Vieira notifications@github.com wrote:

Maybe I failed to understand you again, but correct me again if I'm wrong. xD

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/zignd/HTML-CSS-Class-Completion/issues/72#issuecomment-323889001, or mute the thread https://github.com/notifications/unsubscribe-auth/ALlZ5-YhtavXy3iCKPZD64K-5e40ivfRks5saiaUgaJpZM4Ou3HX .