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

[Missing documentation] How to use tailwind-rn with the TailwindCSS intellisense plugin #100

Closed
ianwijma opened this issue Oct 4, 2021 · 8 comments

Comments

@ianwijma
Copy link

ianwijma commented Oct 4, 2021

Hey,

Loving being able to use TailwindCSS in react native. But using TailwindCSS without intellisense is do-able, but without indepth knowledge of TailwindCSS and the projects settings is a pain.

After some digging I found that the Tailwind CSS IntelliSense can support tailwind-rn with some setting editing.

The following comment basically explains how to add it and thought it might be great to add this to the project's README.

ianwijma added a commit to ianwijma/tailwind-rn that referenced this issue Oct 4, 2021
@namnh113
Copy link

namnh113 commented Oct 4, 2021

i used:
"tailwindCSS.experimental.classRegex": ["tailwind\\('([^)]*)\\')", "'([^']*)'"]
But it still not working with .tsx

@ianwijma
Copy link
Author

ianwijma commented Oct 4, 2021

i used: "tailwindCSS.experimental.classRegex": ["tailwind\\('([^)]*)\\')", "'([^']*)'"] But it still not working with .tsx

Yeah indeed, I've something quite similar, but a small edit. Just created this issue so I can create a PR against it.

@buitrbao222
Copy link

i used: "tailwindCSS.experimental.classRegex": ["tailwind\\('([^)]*)\\')", "'([^']*)'"] But it still not working with .tsx

This worked for me. Thanks!

@enchorb
Copy link

enchorb commented Jan 15, 2022

Anyone know how to get this working for JetBrains IDEs (IDEA/WebStorm), their Tailwind plugin seem to be quite neglected

@kneza23
Copy link

kneza23 commented Jan 26, 2022

i just added "style" to class attributes in plugin preferences

@kanso-git
Copy link

Perfect. it works
Allow me to put the steps :

  • install extension : Tailwind CSS IntelliSense
  • click on the setting wheel to manage the extension see below screen where to click

image

  • Click add item and then write 'style'
    image

enjoy

@byStrange
Copy link

yoooo, it worked for me thank you , I've tried billions of regex in settings.json none of'em worked

@ianwijma
Copy link
Author

ianwijma commented Apr 28, 2024

Closing the PR, there seems to be a fix in the comments.

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

Successfully merging a pull request may close this issue.

7 participants