diff --git a/docs/Features.md b/docs/Features.md new file mode 100644 index 00000000..9d65a644 --- /dev/null +++ b/docs/Features.md @@ -0,0 +1,29 @@ +# Features + +## XML Tag Auto Close + +[vscode-xml](https://github.com/redhat-developer/vscode-xml) provides an `auto close` feature for XML tags: + +Using `/` in an opening tag will auto close the tag. + +![Auto Close Tag Slash](images/Features/AutoCloseTagSlash.gif) + +Using a `>` at the end of an opening tag generates the corresponding closing tag. + +![Auto Close Tag End](images/Features/AutoCloseTagEnd.gif) + +## Jump to Start/End Tag + +For quick navigation, you can use `Ctrl + Click` on a closing tag to jump to the corresponding opening tag. + +![Jump To Opening Tag](images/Features/JumpToOpeningTag.gif) + +The same applies to jumping from an opening tag to the respective closing tag. + +![Jump To Closing Tag](images/Features/JumpToClosingTag.gif) + +## Rename Tag + +To rename a single tag and it's corresponding opening/closing, highlight the tag and press `F2` or use the dropdown to select `Rename Symbol`. + +![Rename Tag](images/Features/RenameTag.gif) \ No newline at end of file diff --git a/docs/README.md b/docs/README.md index 7d94b752..c4baf032 100644 --- a/docs/README.md +++ b/docs/README.md @@ -10,6 +10,7 @@ Welcome to the [vscode-xml](https://github.com/redhat-developer/vscode-xml) docu * [XML Commands](Commands.md#commands): More info on the available XML vscode commands. * [Symbols](Symbols.md#symbols): More info on the available settings for the document symbols (outline). * [Troubleshooting](Troubleshooting.md#troubleshooting): Info on troubleshooting and fixes to issues. + * [Features](Features.md#features): Notable info and demos on features available to use. ## Developer Guide diff --git a/docs/images/Features/AutoCloseTagEnd.gif b/docs/images/Features/AutoCloseTagEnd.gif new file mode 100644 index 00000000..91bb07bb Binary files /dev/null and b/docs/images/Features/AutoCloseTagEnd.gif differ diff --git a/docs/images/Features/AutoCloseTagSlash.gif b/docs/images/Features/AutoCloseTagSlash.gif new file mode 100644 index 00000000..e7501275 Binary files /dev/null and b/docs/images/Features/AutoCloseTagSlash.gif differ diff --git a/docs/images/Features/JumpToClosingTag.gif b/docs/images/Features/JumpToClosingTag.gif new file mode 100644 index 00000000..ec9bd8f3 Binary files /dev/null and b/docs/images/Features/JumpToClosingTag.gif differ diff --git a/docs/images/Features/JumpToOpeningTag.gif b/docs/images/Features/JumpToOpeningTag.gif new file mode 100644 index 00000000..efce61e6 Binary files /dev/null and b/docs/images/Features/JumpToOpeningTag.gif differ diff --git a/docs/images/Features/RenameTag.gif b/docs/images/Features/RenameTag.gif new file mode 100644 index 00000000..4fc9ddbc Binary files /dev/null and b/docs/images/Features/RenameTag.gif differ