How to convert Multi-line code to single line in Visual Studio Code in Ubuntu

Question

Is there any shortcut to convert multi-line code to single line in VS Code 2018 (version 1.23) in Ubuntu.

For example convert this :

<label class="container-of-label">
  <input type="checkbox" class="dataTable-checkBox">
  <span class="checkmark"></span>
</label>

to :

<label class='container-of-label'><input type='checkbox' class='dataTable-checkBox'><span class='checkmark'></span></label>

leopal · Accepted Answer · 2018-07-25T07:35:21.617

53

Mark code that you want to convert to single line, press F1, type join lines press Enter and voila!

You may also want to assign a keyboard shortcut for this operation. Search for Join lines in keyboard shortcuts list and assign the desired shortcut.

edited Jul 25 '18 at 07:35

answered Jul 25 '18 at 07:24

leopal

4,238
1
27
33

1

That is a great hotkey! Thanks – Kevin Summersill Mar 25 '20 at 21:53
6

on mac - CTRL + J – Illia Kuzma May 01 '20 at 06:42
anyone know how to set this same option in visual studio code? Its driving me nuts everytime I autosave it puts css in block format... – Krys May 31 '21 at 08:21

How to convert Multi-line code to single line in Visual Studio Code in Ubuntu

1 Answers1