Depending on the suggestion, you’ll see icons for live templates, tags, and words. Stay tuned! Icons for completion suggestions in HTMLįor HTML, WebStorm will now show you icons next to suggestions in the code completion pop-up. We’re planning to implement more improvements in this area, like adding a new section for managing JSX in Preferences / Settings. Here’s an example of what it will look like once changes are made: You can do the same for JSX under the XML section. If you want to change the color of Vue or Angular components, adjust the Custom Tag Name settings under the HTML section. The new option is located in Preferences / Settings | Editor | Color Scheme | HTML / XML. We’ve added a new Custom Tag Name option that will allow you to set a different color for your Vue, React JSX, and Angular components. Ability to set different colors for components and tags

Code completion for the Tailwind CSS classes should now work as expected. WebStorm 2021.3.1 comes with two important fixes for Tailwind CSS – WEB-53365 and WEB-53284. You can update to v2021.3.1 using the Toolbox App, installing it right from the IDE, or by downloading it from our website. WebStorm 2021.3.1, the first bug-fix update for WebStorm 2021.3, is now available! It’s packed with fixes and improvements, including support for Tailwind CSS v3.0 and the ability to set different colors for components and tags.

Jetbrains webstorm 2021