Skip to content

Latest commit

 

History

History
31 lines (21 loc) · 1.71 KB

README.md

File metadata and controls

31 lines (21 loc) · 1.71 KB

SCSS Lint Plugin

scss-lint is a tool to help keep your SCSS files clean and readable. see more here.
SCSS Lint plugin for WebStorm, PHPStorm and other Idea family IDE with Javascript plugin, provides integration with SCSS Lint and shows errors and warnings inside the editor.

  • Support displaying SCSS Lint warnings as intellij inspections
  • Support quick fix for PropertySortRule that sorts the properties

Getting started

Prerequisites

Install scss-lint on your machine see instructions here:

Settings

To get started, you need to set the SCSS Lint plugin settings:

  • Go to preferences, SCSS Lint plugin page and check the Enable plugin.
  • Select the path to the SCSS Lint executable. (for windows users this might be your [rubypath]\bin\scss-lint.bat)
  • You can use the command gem environment to figure out where your gems are installed. Look for GEM PATHS.
  • Set the .scss-lint.yml file, or scss-lint will use the default settings.
  • By default, SCSS Lint plugin annotate the editor with warning or error based on the SCSS Lint configuration, you can check the 'Treat all SCSS Lint issues as warnings' checkbox to display all issues from SCSS Lint as warnings.

Configuration:
ESLint config

Inspection:
ESLint inline

Analyze Code:
ESLint inline