Add Snippets

wesbos · wesbos · commit b557f85ed7f7 · 2019-11-27T13:46:41.000-05:00
diff --git a/snippets/README.md b/snippets/README.md
@@ -0,0 +1,14 @@
+## Html Base Snippet
+
+This is the base HTML I use for many of the playground and exercises.
+
+I've included it as straight html for you to copy+paste, or as a VS Code snippet as well.
+
+Please PR this repo adding in other editor snippets as well.
+
+## VS Code
+
+1. Open the command palette with `⌘` or `Ctrl` + `P`
+2. Type `>configure user snippets` and run the found command
+3. Select `html.json` from the list
+4. Paste the contents of `htmlbase.json` into the `{ }` of the file
diff --git a/snippets/htmlbase.html b/snippets/htmlbase.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <title>HTML Base</title>
+  <link rel="stylesheet" href="../base.css">
+</head>
+
+<body>
+
+</body>
+
+</html>
diff --git a/snippets/htmlbase.json b/snippets/htmlbase.json
@@ -0,0 +1,18 @@
+"HTML Base": {
+  "prefix": "htmlbase",
+  "body": [
+    "<!DOCTYPE html>",
+    "<html lang=\"en\">",
+    "<head>",
+    " <meta charset=\"UTF-8\">",
+    " <meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">",
+    " <title>$1</title>",
+    " <link rel=\"stylesheet\" href=\"../base.css\">",
+    "</head>",
+    "<body>",
+    " $2",
+    "</body>",
+    "</html>",
+  ],
+  "description": "HTML Base for Beginner JavaScript"
+}
