Readable Indent VS Code Extension
Indents imports, KVPs (like object literals) with a pivot character sequence, padding whitespace for easy scanability.
Features
Simple indentation will make your code easier to visually scan. This extension will indent three common patterns on a pivot character sequence: =
or :
or =>
(fat-arrows).
Support for user-configured custom sequences will be added in a future release.
When applying readable-indent, use the pattern that makes the code snippet most readable:
Left-justified readable-indent
Left-justified, alphabetized readable-indent
Center-justified readable-indent
Center-justified, alphabetized readable-indent
Usage
- Select code snippet to make readable.
- Use context menu (right|ctrl click) or key mapping to apply readable-indent
Mac OSX | Windows/Linux | |
---|---|---|
Indent | cmd-i cmd-a |
ctrl-i ctrl-a |
Indent Alphabetized | cmd-i cmd-shift-a |
ctrl-i ctrl-shift-a |
Indent Centered | cmd-i cmd-b |
ctrl-i ctrl-b |
Indent Centered Alphabetized | cmd-i cmd-shift-b |
ctrl-i ctrl-shift-b |
VS Code Configuration
Minimum Whitespace Before Pivot (Left-justfied Indent only)
Readable Indent adds a simple configuration to set a minimum whitespace gap from the start of the key
to the pivot character. E.g.:
With a setting of 10
, the above will be indented as:
Known Issues
Obviously this indentation is conflicted with OOTB rules for prettier
. Pedagogy is out of scope for this extension ;).