From 2d1f0de259d27a3d9d505315c5a7ab96012d7a6c Mon Sep 17 00:00:00 2001 From: Pine Wu Date: Fri, 6 Dec 2019 10:19:00 -0800 Subject: [PATCH] HTML mirror cursor for microsoft/vscode#47069 --- release-notes/images/1_41/html-mirror-cursor.gif | 3 +++ release-notes/v1_41.md | 10 ++++++++++ 2 files changed, 13 insertions(+) create mode 100644 release-notes/images/1_41/html-mirror-cursor.gif diff --git a/release-notes/images/1_41/html-mirror-cursor.gif b/release-notes/images/1_41/html-mirror-cursor.gif new file mode 100644 index 0000000000..1d41bc5d57 --- /dev/null +++ b/release-notes/images/1_41/html-mirror-cursor.gif @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:37b38ec6aff33c26d32d0f06d6c80e74dcab346ee39297d21a56d1f0a2ed3d7c +size 5946024 diff --git a/release-notes/v1_41.md b/release-notes/v1_41.md index 339505cfea..b76c75dbed 100644 --- a/release-notes/v1_41.md +++ b/release-notes/v1_41.md @@ -226,6 +226,16 @@ Theme: Sapphire, Font: Hack ## Languages +### HTML mirror cursor + +VS Code now adds a "mirror cursor" when you are editing HTML tags. This behavior is controlled by the setting `html.mirrorCursorOnMatchingTag`. + +This feature works by adding a [multi-cursor](https://code.visualstudio.com/docs/editor/codebasics#_multiple-selections-multicursor) to the matching tag when your cursor moves into a HTML tag name range. Just like in multi-cursor mode, you can use word-wise deletion or word-wise selection. The mirrored cursor is removed when you move your cursor outside the tag name range. + +One special case is entering space when the cursor is at the end of the opening tag: ``. In this case, VS Code removes the inserted space after the closing tag name and exits mirror cursor mode, so you can continue to edit HTML attributes. + +![HTML mirror cursor](images/1_41/html-mirror-cursor.gif) + ### Ranking of auto-completed CSS properties CSS auto-completion now ranks properties by their popularity: