css - Enable 'smart' semicolon behaviour on auto-completion - Stack Overflow

When VS Code auto-fills a declaration, it adds a semicolon after the cursor. In other editors, this semicolon is somewhat 'smart': on Enter press, the semicolon remains on the same line and if you type another semicolon, it replaces the original.

In VS Code, the semicolon acts as a regular character (Moves to the next line on enter, and doubles if you press ; next to it)

Is there a way to enable this 'smart' behaviour?

When VS Code auto-fills a declaration, it adds a semicolon after the cursor. In other editors, this semicolon is somewhat 'smart': on Enter press, the semicolon remains on the same line and if you type another semicolon, it replaces the original.

In VS Code, the semicolon acts as a regular character (Moves to the next line on enter, and doubles if you press ; next to it)

Is there a way to enable this 'smart' behaviour?

• css
• visual-studio-code

Share Improve this question Follow edited Jan 31 at 4:21 Paulie_D 116k1313 gold badges166166 silver badges184184 bronze badges asked Jan 30 at 23:35 skyisredskyisred 7,12566 gold badges4141 silver badges5656 bronze badges 1

• FWIW, you can press Cmd + Enter (or Ctrl + Enter on windows) to create a new line regardless where your cursor is without breaking the current line. – Hao Wu Commented Jan 31 at 2:07

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

Extension CSS Semicolon Fix seems to do the trick