Sort properties alphabetically

Question

Given this JS code or CSS code in the WebStorm IDE:

const foo = {
  z: 'zip',
  a: 'zot'
}

or

.foo {
  z-index: 1;
  align-content: center;
}

Is there a way to select the code and reorder the property names alphabetically? To make:

const foo = {
  a: 'zot',
  z: 'zip' 
}

or

.foo {
  align-content: center;
  z-index: 1;
}

You have a slight error in your CSS. Declarations are separated by semicolons `;`, not by commas `,`. — bcafuk, Jun 23 '21 at 09:21

score 5 · Answer 1 · answered Jun 23 '21 at 09:16

5

For JS, no options are there out of the box. But you can use a third-party String manipulation plugin that supports lines sorting

answered Jun 23 '21 at 09:16

lena

3

BTW: the IDE also has the `Edit | Sort Lines` action for a while now: https://youtrack.jetbrains.com/issue/IDEA-218836. But yes, String Manipulation plugin is better and has many more other useful actions available (reverse order; case-insensitivity etc). – LazyOne Jun 23 '21 at 10:39
This sort all lines. I want to sort by property – user1034912 May 25 '22 at 23:28

score -1 · Answer 2 · answered Jun 23 '21 at 08:34

-1

CSS = Styling

JS = Animations / Logic, which is really CHANGING the behavior.

happy to help

answered Jun 23 '21 at 08:34

Daniel Gran

1

I feel you've misunderstood the question. It is about sorting the lines in the source code using the IDE, not sorting things at runtime. – bcafuk Jun 23 '21 at 09:20
Ah you are right – Daniel Gran Mar 27 '22 at 20:03

2 Answers2