Open xsjcTony opened 2 years ago
IDE name and version: PhpStorm 2021.3.3 Build #PS-213.7172.28, built on March 18, 2022
Styled-components plugin version: 213.5744.190
Convert hex colors format to
Emmet
Short format
Emmet: c#f00 -> Press Tab
c#f00
Tab
Expected behavior: (Working correctly In separate .css file or .vue's <style> block)
.css
.vue
<style>
const StyledDiv = styled.div` color: #f00; `
Actual behavior:
const StyledDiv = styled.div` color: #ff0000; `
Base code:
const StyledDiv = styled.div` font-size: 20px;<caret at here> `
Emmet: ovh -> Press Tab
ovh
const StyledDiv = styled.div` font-size: 20px; overflow: hidden; `
const StyledDiv = styled.div` font-size: 20px;overflow: hidden; `
And also, Rearrange code (Ctrl + Alt + R by default) is not working for CSS code in template string literals. Seems lots of code style settings do not apply to it.
Ctrl + Alt + R
IDE name and version: PhpStorm 2021.3.3 Build #PS-213.7172.28, built on March 18, 2022
Styled-components plugin version: 213.5744.190
Problem description:
1. Respect the code style setting
Convert hex colors format to
for style sheets when usingEmmet
Short format
Emmet:
c#f00
-> PressTab
Expected behavior: (Working correctly In separate
.css
file or.vue
's<style>
block)Actual behavior:
2. Insert line-break automatically when using
Emmet
Base code:
Emmet:
ovh
-> PressTab
Expected behavior: (Working correctly In separate
.css
file or.vue
's<style>
block)Actual behavior: