Skip to content

Instantly share code, notes, and snippets.

@SubhajitSK

SubhajitSK/README.md

Created February 21, 2024 20:26
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save SubhajitSK/a505533d595738880f924b0b73406d07 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save SubhajitSK/a505533d595738880f924b0b73406d07 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. SubhajitSK created this gist Feb 21, 2024.
    25 changes: 25 additions & 0 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,25 @@
    If you're facing issues with Tailwind CSS IntelliSense not providing suggestions in your ReactJS project, follow these steps to adjust your workspace settings:
    1. Open your code editor and access the command palette (you can typically do this by pressing `Ctrl + Shift + P` or `Cmd + Shift + P`).
    2. Search for `settings.json` in the command palette and select the option for "Preferences: Open Workspace Settings (JSON)" to open the workspace settings file in JSON format.
    ![Alt Text](https://drive.google.com/uc?id=1VeU74b0Fe6fnAyO3s07vAB0wD_ePt-xh)
    3. In the opened `settings.json` file, paste the following code:

    ``` json
    {
    "tailwindCSS.includeLanguages": {
    "javascript": "javascript",
    "html": "HTML"
    },
    "editor.quickSuggestions": {
    "strings": true
    }
    }
    ```

    4. Save the file.

    This configuration ensures that Tailwind CSS IntelliSense is activated for JavaScript and HTML files within your workspace. The "editor.quickSuggestions" setting specifically enables quick suggestions, including strings.

    Now, you should experience improved Tailwind CSS IntelliSense functionality in your ReactJS project.

    Remember to restart your code editor or reload the workspace for the changes to take effect.