Update the properties to add configuration options. Open the Settings dialog ( Ctrl+Alt+S) and go to Languages and Frameworks | Style Sheets | Tailwind CSS. Learn more from Tailwind CSS documentation. For example, you may want to enable support of regular expressions or completion for class names in contexts that differ from the standard class(Name) attribute. You can also customize the default Tailwind configuration options. For example, if you define a custom theme with new colors, newly generated classes with the name of the custom color will be shown in the completion popup. WebStorm provides code completion based on the customization you make through your configuration files. The preview is also shown in the Documentation popup ( Ctrl+Q) when you complete your code. When you hover over a Tailwind class in an HTML or CSS file, WebStorm shows you the preview of the resulting CSS. WebStorm suggests Tailwind classes for completion in JavaScript string literals.Ĭompletion suggestions are also shown for pseudo-class variants. It is the right choice for developers based on the best Integrated Development Environment for TypeScript.It also offers built-in elements for TypeScript and is thus the best editor for Angular apps. WebStorm autocompletes Tailwind classes in HTML files and in CSS files after the directive. Webstorm is an outstanding code editor built on IntelliJ. Learn more from the Tailwind CSS official website. Make sure the CSS and Tailwind CSS bundled plugins are enabled in the Installed tab of the Settings | Plugins page as described in Managing plugins.Īs result, a configuration file is created in the root of your project. Learn more from the Tailwind CSS Upgrade guide.Ĭonfigure a Node.js interpreter in your project as described in Configuring a local Node.js interpreter, or in Using Node.js on Windows Subsystem for Linux, or in Configuring remote Node.js interpreters. For example, Tailwind CSS v2.0 requires Node.js 12.13 or later. Also make sure that your Node.js version complies with the Tailwind CSS requirements. Make sure you have Node.js on your computer. WebStorm recognizes files and provides completion based on customization you make to them. WebStorm integrates with the Tailwind CSS framework including completion for Tailwind classes in HTML files and completion suggestions for pseudo-class variants, preview of the resulting CSS on hovering over classes in HTML and CSS files or on autocompletion.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |