ReSharper 2017.1 Help

Code Style Assistance

ReSharper provides the following code style assistance features in CSS:

Managing and applying code formatting rules

An important aspect of code style is how to format the code, i.e. how to use whitespaces and blank lines to arrange and separate code blocks, whether and how to use tabs for indents, whether and how to wrap long lines, etc.

The extensive set of ReSharper code formatting rules has a default configuration that takes into account default Visual Studio formatting options as well as numerous best practices. You can configure every detail of formatting rules and enforce the rules in your code. These rules are applied when ReSharper produces new code with code completion and code generation features, code templates and refactorings. The formatting rules can be also applied to the existing code in the current selection, current file, or in a larger scope up to the entire solution.

ReSharper stores formatting preferences using the mechanism of shared settings. You can configure formatting rules in options pages under the Code Editing | CSS | Formatting Style group. You can also store and share formatting settings in .editorconfig files.

Alphabetizing properties

ReSharper allows you to sort properties alphabetically within selector declarations. You can alphabetize properties using code cleanup with the Default: Full cleanup profile or with a custom profile where the Alphabetize properties option is selected in the CSS category.

Applying code cleanup

Consider the example below:

After applying code cleanup with the profile Default: Full cleanup and default settings, declarations are split with line breaks; if a declaration contains several properties, they are placed on separate lines and sorted alphabetically; if there is only one, then - on the same line, etc:

Last modified: 12 October 2017

See Also