1natsu172 / vscode-insert-linebreak-tag

insert linebreak tag in vscode

Home Page:https://marketplace.visualstudio.com/items?itemName=1natsu.insert-br-tag

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool


Insert <br> Tag

with Dreamweaver's keybinding style.


Quick insert <br> tag = [Shift+Enter]

Very easy to insert <br> HTML tag keybind, with Dreamweaver's keybinding style.

  • simple keybinding
    • shift+enter

Features

Quick insert <br> tag with keybind.

Support multi cursor

Single or Multiple selections ok.

Support JSX language

Tags are inserted in the form of <br /> in jsx language file.

Usage

Push shift+enter keys.

Then insert <br> tag. Easy.

Options

Can set options in your settings.json.

"insert-br-tag.enableOnLanguage"

Setting of language in which br-tag is inserted.

Example(This notation is the default setting):

"insert-br-tag.enableOnLanguage": [
  "javascript",
  "javascriptreact",
  "typescript",
  "typescriptreact",
  "markdown",
  "html"
]

"insert-br-tag.trailingSlashLanguage"

Setting of language to use trailing slash format(<br />).

Example(This notation is the default setting):

"insert-br-tag.trailingSlashLanguage": [
  "javascript",
  "javascriptreact",
  "typescript",
  "typescriptreact"
]

Requirements

"vscode": "^1.16.0"

CHANGELOG

See https://github.com/1natsu172/vscode-insert-linebreak-tag/blob/master/CHANGELOG.md

Author

1natsu

GitHub: https://github.com/1natsu172
Twitter: @1natsu172

About

insert linebreak tag in vscode

https://marketplace.visualstudio.com/items?itemName=1natsu.insert-br-tag

License:MIT License


Languages

Language:TypeScript 100.0%