how to configure build in html snippets in vscode/intellisense

Question

when I type html tag name in VS Code the IntelliSense suggests code snippet. For example if I type "form" snippet generates:

<form action=""></form>

How can I configure this snippet (I'd like to get rid of "action" attribute)? Which component is responsible for those snippets? Is it Emmet?

Thanks.

read this it will help you code.visualstudio.com/docs/languages/html — Hitesh Kansagara
– Hitesh Kansagara, Commented Apr 27, 2018 at 7:48

Kragh · Accepted Answer · 2018-04-27 13:47:43Z

3

Yes, it is Emmet.

Generic snippets are defined in /usr/share/code/resources/app/extensions/html-language-features/server/node_modules/vscode-emmet-helper/out/expand/expand-full.js

Simply change:

"form": "form[action]",

to snippet of your choice, for example:

"form": "form[\[formGroup\]]",

Another approach:

create directory for your private emmet snippets e.g: ~/.config/emmet
open VS Code settings (Ctrl + ,)
search for emmet.extensionPath and set it to ~/.config/emmet
create ~/.config/emmet/snippets.json file with

{
    "html": {
        "snippets": {
            "form": "ju-hu"
        }
    }
}

more details https://code.visualstudio.com/docs/editor/emmet#_using-custom-emmet-snippets

edited Apr 27, 2018 at 13:47

answered Apr 27, 2018 at 8:14

Kragh

4035 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to configure build in html snippets in vscode/intellisense

1 Answer 1

Another approach:

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Another approach:

Comments

Your Answer

Sign up or log in

Post as a guest

Related