A VS Code extension that allows you to…
highlight trailing spaces and delete them in a flash!
This extension is a port of the popular Sublime Text plugin Trailing Spaces.
VS Code provides a way to automate deletion of trailing spaces by using the Trim Trailing Whitespace command. Depending on your settings, it may be more handy to just highlight them and/or delete them by hand, at any time. This plugin provides just that, and a lot of options to fine-tune the way you want to decimate trailing spaces.
It is available through Visual Studio Marketplace and this is the recommended way of installation (brings integrated updates).
The main feature you gain from using this plugin is that of deleting all trailing spaces in the currently edited document. In order to use this deletion feature, you may either:
- press F1 and select/type "Trailing Spaces: Delete"
- bind the deletion command to a keyboard shortcut:
To add a key binding, open "File / Preferences / Keyboard Shortcuts" and add:
{ "key": "alt+shift+t", "command": "trailing-spaces.deleteTrailingSpaces",
"when": "editorTextFocus" },With this setting, pressing Alt + Shift + t will delete all trailing spaces at once in the current file!
You can also delete the trailing spaces exclusively from the modified (unsaved) lines. In order to use this deletion feature, you may either:
- press F1 and select/type "Trailing Spaces: Delete - Modified Lines Only"
- bind the deletion command to a keyboard shortcut:
To add a key binding, open "File / Preferences / Keyboard Shortcuts" and add:
{ "key": "alt+shift+m", "command": "trailing-spaces.deleteTrailingSpacesModifiedLinesOnly",
"when": "editorTextFocus" },At any time, you can highlight the trailing spaces. You may either:
- press F1 and select/type "Trailing Spaces: Highlight"
- bind the highlighting command to a keyboard shortcut:
{ "key": "alt+shift+h", "command": "trailing-spaces.highlightTrailingSpaces",
"when": "editorTextFocus" },Several options are available to customize the plugin's behavior. Those settings are stored in a configuration file, as JSON. You must use a specific file: Go to "File / Preferences / User Settings" to add your custom settings.
All settings are global (ie. applied to all opened documents).
Default: true
Highlighting of trailing spaces in the currently edited line can be annoying: each time you are about to start a new word, the space you type is matched as a trailing spaces. Currently edited line can thus be ignored:
{ "trailing-spaces.highlightCurrentLine": false }Even though the trailing spaces are not highlighted on this line, they are still internally matched and will be deleted when firing the deletion command.
Default: true
When firing the deletion command, empty lines are matched as trailing regions, and end up being deleted. You can specifically ignore them:
{ "trailing-spaces.includeEmptyLines": false }They will not be highlighted either.
Note: This option only deletes the trailing spaces in blank lines and not the whole line itself. If you want to delete the newline character as well, please consider changing the regex.
Default: false
When firing the deletion command, trailing regions in the entire document are deleted. There are some use-cases when deleting trailing spaces only on lines you edited is smarter; for instance when commiting changes to some third-party source code.
At any time, you can change which area is covered when deleting trailing regions by changing the setting:
{ "trailing-spaces.deleteModifiedLinesOnly": true }Default: false
Setting this to true will ensure trailing spaces are deleted when you save your document. It abides by the other settings, such as Include Empty Lines.
{ "trailing-spaces.trimOnSave": true }NOTE: The current VSCode lifecycle for text editor commands does not provide a clean way to implement this feature. Since I did not see a lot of folks using this option, it was better to remove it.
Default: false
You may not want to always trim trailing spaces on save, but the other way around could prove useful. Setting this to true will automatically save your document after you fire the deletion command:
{ "trailing-spaces.saveAfterTrim": true }It is obviously ignored if Trim On Save is on.
Default: true (reload VS Code Window to update)
By default, trailing regions are matched every time you edit the document, and when you open it.
This feature is entirely optional and you may set it off: firing the deletion command will cause the trailing spaces to be deleted as expected even though they were not matched prior to your request. If you are afraid of the plugin to cause slowness (for instance, you already installed several heavy extensions), you can disable live matching:
{ "trailing-spaces.liveMatching": false }In this case, for no trailing regions are matched until you request them to be deleted, no highlighting occurs—it is in fact disabled. If you want to check the trailing spaces regions, you can use the Highlight Trailing Spaces command. In this case, it may come in handy to define a binding for the highlighting command. When "On-demand Matching" is on and some trailing spaces are highlighted, added ones will obviously not be. Running the highlight command again will refresh them.
Default: []
With this option you can ignore specific files based on the language used. An item has to match the case-sensitive string of the language used in the file:
// files with the language "markdown" are ignored
{ "trailing-spaces.syntaxIgnore": ["markdown"]}Here is a list of all languages that VS Code supports (as of 28 March 2019):
bat, c, clojure, coffeescript, cpp, csharp, css, diff, dockerfile, fsharp, git-commit, git-rebase, go, groovy, handlebars, hexdump, hlsl, hocon, html, ignore, ini, jade, java, javascript, javascriptreact, jinja, json, jsonc, jsx-tags, jupyter, less, Log, log, lua, makefile, markdown, objective-c, objective-cpp, perl, perl6, php, pig, pip-requirements, plaintext, powershell, properties, python, r, razor, ruby, rust, scss, shaderlab, shellscript, sql, swift, toml, typescript, typescriptreact, vb, xml, xsl, yamlFor the most recent list of langauges, please use the known language identifiers page or the languages.getLanguages() function (details here).
Default: ["output"]
With this option you can ignore documents with a specific scheme. An item has to match the case-sensitive string of the scheme of the document. For instance, if you want to ignore VSCode output windows:
// documents with the scheme "output" are ignored
{ "trailing-spaces.schemeIgnore": ["output"]}Default: true
By default, trailing space deletions will be communicated through a status bar message. Set this to false as below to disable these messages:
{ "trailing-spaces.showStatusBarMessage": false }Default: rgba(255,0,0,0.3)
You can control the background color of the highlighting performed by Trailing Spaces using this option. To set up another color change the setting:
{ "trailing-spaces.backgroundColor": "rgba(255,0,0,0.3)" }Default: rgba(255,100,100,0.15)
You can control the border color of the highlighting performed by Trailing Spaces using this option. To set up another color change the setting:
{ "trailing-spaces.borderColor": "rgba(255,100,100,0.15)" }Default: [ \t]+
Trailing spaces are line-ending regions containing at least one simple space, tabs, or both. This pattern should be all you ever need, but if you do want to abide by another definition to cover edge-cases, go ahead:
// *danger* will match newline chars and many other folks
"trailing-spaces.regexp": "[\\s]+"