Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

No CSS completions in style attribute inside <template> region #1678

Closed
snoopy83101 opened this issue Jan 26, 2020 · 15 comments
Closed

No CSS completions in style attribute inside <template> region #1678

snoopy83101 opened this issue Jan 26, 2020 · 15 comments

Comments

@snoopy83101
Copy link

snoopy83101 commented Jan 26, 2020

Info

  • Platform: macOS
  • Vetur version:
  • VS Code version:

Problem

"files.associations": {
"*.vue": "vue"
}
then:
image

style snippet not work

"files.associations": {
"*.vue": "html"
}
then:
image

Vetur does not work

I hope to have code hints for inline styles, and also use Vetur.
Can this be achieved?

image
image

Reproducible Case

@snoopy83101
Copy link
Author

  1. When tr in a table's header sets the width
  2. When setting heigth for some elements
  3. When debugging styles temporarily in the development environment

I think this may still be necessary.

@octref octref changed the title In order to use vetur, I was forced to abandon the style snippet ... No CSS completions in style attribute inside <template> region Feb 10, 2020
@snoopy83101
Copy link
Author

@octref
HI! So, is this a feature that will be perfected sooner or later?

@snoopy83101
Copy link
Author

@octref
It's been a long time since, unfortunately, I still haven't seen the fix of this bug.

cereschen added a commit to cereschen/vetur that referenced this issue Aug 20, 2020
octref pushed a commit to cereschen/vetur that referenced this issue Aug 25, 2020
@octref octref closed this as completed in 4194418 Aug 26, 2020
@snoopy83101
Copy link
Author

@octref What is the specific version number?

@octref
Copy link
Member

octref commented Sep 3, 2020

@snoopy83101 It's not released yet. It'll be released in 0.27.0.

@snoopy83101
Copy link
Author

snoopy83101 commented Sep 10, 2020

@octref @cereschen
image
Unfortunately, it did not work.

@cereschen
Copy link
Contributor

cereschen commented Sep 10, 2020

@octref @cereschen
image
Unfortunately, it did not work.

Please refer to the behavior of emmet in the Style block
image

none:
image

@snoopy83101
Copy link
Author

Sorry i don't quite understand what you are talking about
The style in the div tag does not enable automatic perception like HTML.

how to "refer to the behavior of emmet in the Style block"?

@snoopy83101
Copy link
Author

@octref @cereschen
image
Unfortunately, it did not work.

Please refer to the behavior of emmet in the Style block
image

none:
image

What I understand is:

Previously, when choosing .vue, IntelliSense could not appear in style.
At present, choose .vue, style can appear and can only be perceived (same as html)

Am I wrong?

@snoopy83101
Copy link
Author

Why can't the html part of .vue be the same as .html?

@snoopy83101
Copy link
Author

snoopy83101 commented Sep 10, 2020

image
Are you saying this? In <style></style>?
There is no problem before. The problem is that the style="" in the <div></div> tag has no IntelliSense

@cereschen
Copy link
Contributor

image
Are you saying this? In <style></style>?
There is no problem before. The problem is that the style="" in the

tag has no IntelliSense

I mean that only Emmet IntelliSense is currently provided

image

@cereschen
Copy link
Contributor

This is how Emmet behaves in <style></style>, you can try it

@snoopy83101
Copy link
Author

This is how Emmet behaves in <style></style>, you can try it

I think I understand, thank you very much!

@cereschen
Copy link
Contributor

This is how Emmet behaves in <style></style>, you can try it

I think I understand, thank you very much!

If we want template to behave like HTML, need to add extra dependencies, if only for style.not worth.
So, get used to Emmet, which is short and efficient

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants