Add a colon and semicolon, as well as trigger property value completion after rule name completion
michaelschufi opened this issue · 14 comments
Currently we lose out on some of VS Codes' CSS auto-completion UX. There are some features I really miss using styled-components opposed to CSS/LESS/SCSS files. (see also this issue)
After selecting/completing the rule name, it should:
- Add a colon after the rule name
- Add a semicolon at the end of the line
- Trigger the property value completion for the completed rule
This is a must do. It annoys me that we have to manually insert the semicolon, even after saves.
But, is a nice extension!
started today to learn about styled components (dev eds react course) and i totally agree, that this extended autocomplete would be great.
Fork works
Fork works
But it's based on an older version and doesn't support newer features like color highlighting.
Currently we lose out on some of VS Codes' CSS auto-completion UX. There are some features I really miss using styled-components opposed to CSS/LESS/SCSS files. (see also this issue)
This is the only thing that's making me hate styled components compared to node-sass
Would appreciate any help on this, see https://github.com/styled-components/vscode-styled-components/blob/master/CONTRIBUTING.md#intellisense-issues
This should be released in v1.6.0
This has now been released, ive added a gif to the readme to showcase
This has now been released, ive added a gif to the readme to showcase
Thanks a lot!
I see this has already been added but I can't seem to get proper autocomplete and colon/simicolon. All I want is the same behavior I can see in the gif, is there anything that could be interfering with it?
I see this has already been added but I can't seem to get proper autocomplete and colon/simicolon. All I want is the same behavior I can see in the gif, is there anything that could be interfering with it?
@Diagonet please raise a new bug issue with a screenshot and code for reproducing
@Diagonet i think microsoft/typescript-styled-plugin#156 may fix your issue
Yeah so, I found out I only get the proper semi-colon auto complete when I use Enter to auto complete (even thought I changed the vscode setting for Tab auto completion)