Skip to content

idok/scss-lint-plugin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

56 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

SCSS Lint plugin for intellij

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages