Skip to content

Instantly share code, notes, and snippets.

@nabrown
Last active January 25, 2019 02:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nabrown/d80982d75705a50832ea3520bce12c7e to your computer and use it in GitHub Desktop.
Save nabrown/d80982d75705a50832ea3520bce12c7e to your computer and use it in GitHub Desktop.
HTML Boilerplate w/ Vue Snippet for VS Code
{
"HTML/Vue Boilerplate": {
"prefix": "bpv",
"body": [
"<!DOCTYPE html>",
"<html lang=\"en\">",
"$BLOCK_COMMENT_START",
" $CURRENT_MONTH/$CURRENT_DATE/$CURRENT_YEAR",
" ${1:Description}",
"$BLOCK_COMMENT_END",
"<head>",
" <meta charset=\"UTF-8\">",
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
" <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
" ",
" ${2|<style></style>,<link href=\"style.css\" rel=\"stylesheet\">|}",
" ",
" ${3|<!--dev--><script src=\"https://cdn.jsdelivr.net/npm/vue/dist/vue.js\"></script>,<!--prod--><script src=\"https://cdn.jsdelivr.net/npm/vue/\"></script>|} ",
" <script src=\"https://cdn.jsdelivr.net/npm/axios@0.18.0/dist/axios.min.js\"></script> ",
" ",
" <title>${4:Title}</title>",
"</head>",
"<body>",
" <div id=\"${5:app}\">",
" $0",
" </div>",
" <script>",
" var app = new Vue({",
" el: '#${5:app}',",
" data: {",
" }",
" })",
" </script>",
"</body>",
"</html>"
],
"description": "HTML/Vue Boilerplate"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment