susanBuck / e2-fall22

0 stars 0 forks source link

VSCode snippets #18

Closed susanBuck closed 2 years ago

susanBuck commented 2 years ago

In this week's videos, you'll see me make reference to a feature in VSCode called snippets where you can define shortcuts for frequently used code blocks. Specifically, I'll use snippets to fill out the basic HTML structure of a view file.

If you've never worked with snippets before, here's some general info: https://code.visualstudio.com/docs/editor/userdefinedsnippets

Also, here is a video tutorial I have on working with snippets...

Below is the HTML snippet you saw me use in this week's videos:

{
    "HTML Template": {
        "prefix": "html",
        "body": [
            "<!doctype html>",
            "<html lang='en'>",
            "<head>",
            "    <title></title>",
            "    <meta charset='utf-8'>",
            "    <link href=data: , rel=icon>",
            "</head>",
            "<body>",
            "$0",
            "</body>",
            "</html>"
        ],
        "description": "HTML Template"
    }
}

If you dig into snippets and have any questions, let me know.