Skip to content

Instantly share code, notes, and snippets.

@BideoWego
Created May 16, 2018 00:35
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 BideoWego/8e1f8c14da8332aba1f90954f8059416 to your computer and use it in GitHub Desktop.
Save BideoWego/8e1f8c14da8332aba1f90954f8059416 to your computer and use it in GitHub Desktop.
VSCode Snippets and Settings
{
// Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
// used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
// Placeholders with the same ids are connected.
// Example:
// "Print to console": {
// "scope": "javascript,typescript",
// "prefix": "log",
// "body": [
// "console.log('$1');",
// "$2"
// ],
// "description": "Log output to console"
// }
"Hash comment block": {
"prefix": "#",
"body": [
"# ------------------------------------",
"# ${1:comment}",
"# ------------------------------------",
],
"description": "Create a hash comment block"
},
"Slash comment block": {
"prefix": "//",
"body": [
"// ------------------------------------",
"// ${1:comment}",
"// ------------------------------------",
],
"description": "Create a slash comment block"
},
"Dash comment block": {
"prefix": "--",
"body": [
"-- ------------------------------------",
"-- ${1:comment}",
"-- ------------------------------------",
],
"description": "Create a dash comment block"
},
}
{
// Place your snippets for html here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
// "Print to console": {
// "prefix": "log",
// "body": [
// "console.log('$1');",
// "$2"
// ],
// "description": "Log output to console"
// }
"Boilerplate": {
"prefix": "HTML",
"body": [
"<!DOCTYPE html>",
"<html>",
" <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\">",
"",
" <title>${1:title}</title>",
"",
" <!-- Bootstrap CSS -->",
" <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" integrity=\"sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u\" crossorigin=\"anonymous\">",
" </head>",
" <body>",
"",
" <h1>${1:title}</h1>",
"",
" <!-- jQuery -->",
" <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>",
"",
" <!-- Bootstrap JS -->",
" <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" integrity=\"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa\" crossorigin=\"anonymous\"></script>",
" </body>",
"</html>",
""
],
"description": "Create HTML boilerplate"
}
}
{
"editor.tabSize": 2,
"editor.wordWrap": "on",
"editor.renderWhitespace": "all",
"editor.rulers": [80],
"editor.tabCompletion": true,
"files.trimTrailingWhitespace": true,
"javascript.implicitProjectConfig.experimentalDecorators": true,
"workbench.startupEditor": "newUntitledFile"
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment