Stylelint
RubyMine integrates with Stylelint so you can inspect your CSS code from inside the IDE. Stylelint wakes up automatically when you edit a CSS file and highlights the detected problems. To view the description of a problem in an information popup, hover the mouse pointer over a stripe in the Validation sidebar. To examine errors and apply suggested quick fixes, press Alt+Enter.
-
Install Stylelint and its standard configuration. To do that, open the embedded Terminal (Alt+F12) and type:
npm install --save-dev stylelint stylelint-config-standard
Learn more from the Stylelint official website.
-
In your project root, create a .stylelintrc.json configuration file as described in Creating files and directories. Open .stylelintrc.json in the editor and type:
{ "extends": "stylelint-config-standard" } -
To activate Stylelint, open the Settings/Preferences dialog Ctrl+Alt+S, go to Languages and Frameworks | Style Sheets | Stylelint, and select the Enable checkbox. After that the controls in the dialog become available.
-
In the Node Interpreter field, specify the Node.js interpreter to use. This can be a local Node.js interpreter or a Node.js on Windows Subsystem for Linux.
-
In the Stylelint Package field, specify the location of the stylelint package installed globally or in the current project. If you followed the standard installation procedure, RubyMine detects the package automaticaly.
-
If you want Stylelint to also wake up automatically when you are editing a JavaScript file and check Style Sheet injections in it, select the Process JS files checkbox.