search

MathiasGilson / Tailwind-Styled-Component

Create Tailwind CSS React components like styled components with class names on multiple lines and conditional class rendering
MIT License
815 stars 45 forks source link

How can I configure IntelliSense autocomplete on WebStorm? #74

Open benfiratkaya opened 2 years ago

benfiratkaya commented 2 years ago

Hello, How can I configure IntelliSense autocomplete on WebStorm?

sssssstyx commented 1 year ago

The same problem keeps confusing me for quite a long time... Waiting for a great solution! I have only seen this https://youtrack.jetbrains.com/issue/WEB-48505/Tailwind-CSS-regex-support-custom-class-name-completion-contexts

jpcmf commented 1 year ago

Waiting for this too! +1

dstiq commented 1 month ago

Webstorm 2024.1.5 Languages & Frameworks > Style Sheets > Tailwind CSS Add two properties - typescript, typescriptreact

  "includeLanguages": {
    "typescript": "javascript", 
    "typescriptreact": "javascript"

add theese classRegex

  "experimental": {
    "classRegex": [
      "tw`([^`]*)", 
      "tw\\.[^`]+`([^`]*)`",
      "tw\\(.*?\\).*?`([^`]*)"
    ]
  }