Skip to content

Instantly share code, notes, and snippets.

@matheop
Last active November 16, 2020 17:07
Show Gist options
  • Save matheop/42e26b48ecc4b6f0ce84cd17c4948428 to your computer and use it in GitHub Desktop.
Save matheop/42e26b48ecc4b6f0ce84cd17c4948428 to your computer and use it in GitHub Desktop.
emmets for vs code
/* Comments */
"Comment style": {
"prefix": "comm",
"body": ["/* -----------------", "\t$0", "----------------- */"],
"description": "Sass style"
},
/* Declare scripts */
"TS script": {
//"scope": "javascript, typescript, svelte",
"prefix": "ts",
"body": ["<script lang=\"ts\">", "\t$0", "</script>"],
"description": "Declare TS script"
},
"TS script context module": {
//"scope": "javascript, typescript, svelte",
"prefix": "tscm",
"body": ["<script lang='ts' module='module'>", "\t$0", "</script>"],
"description": "Declare TS script with context module"
},
// CONSOLE
"console.log()": {
//"scope": "javascript, typescript, svelte",
"prefix": "log",
"body": ["console.log('$0');"],
"description": "Log output to console"
},
"console.log(VAR)": {
//"scope": "javascript, typescript, svelte",
"prefix": "logx",
"body": ["console.log('$0:', $0);"],
"description": "Log output to console"
},
"table": {
//"scope": "javascript, typescript, svelte",
"prefix": "table",
"body": ["console.table('$0', $0);"],
"description": "Log table output to console"
}
/* Declare styles */
"Sass style": {
"prefix": "sass",
"body": ["<style lang=\"sass\">", "\t$0", "</style>"],
"description": "Sass style"
},
"Scss style": {
"prefix": "scss",
"body": ["<style lang=\"scss\">", "\t$0", "</style>"],
"description": "Scss style"
},
/* Margins */
"margin-top": {
"prefix": "mt",
"body": ["margin-top: $0"],
"description": "margin-top"
},
"margin-bottom": {
"prefix": "mb",
"body": ["margin-bottom: $0"],
"description": "margin-bottom"
},
"margin-left": {
"prefix": "ml",
"body": ["margin-left: $0"],
"description": "margin-left"
},
"margin-right": {
"prefix": "mr",
"body": ["margin-right: $0"],
"description": "margin-right"
},
/* Paddings */
"padding-top": {
"prefix": "pt",
"body": ["padding-top: $0"],
"description": "padding-top"
},
"padding-bottom": {
"prefix": "pb",
"body": ["padding-bottom: $0"],
"description": "padding-bottom"
},
"padding-left": {
"prefix": "pl",
"body": ["padding-left: $0"],
"description": "padding-left"
},
"padding-right": {
"prefix": "pr",
"body": ["padding-right: $0"],
"description": "padding-right"
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment