Skip to content

Instantly share code, notes, and snippets.

@stephenmirving

stephenmirving/extensions.json

Last active March 16, 2020 06:01
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 stephenmirving/4a912edf294062d70a2e7fd5b9737448 to your computer and use it in GitHub Desktop.
Save stephenmirving/4a912edf294062d70a2e7fd5b9737448 to your computer and use it in GitHub Desktop.
Download ZIP
VSCode's Settings - Syncing
Raw
extensions.json
[
{
"id": "a-bentofreire.vsctoix",
"name": "vsctoix",
"publisher": "a-bentofreire",
"version": "1.8.0"
},
{
"id": "aaronthomas.vscode-snazzy-operator",
"name": "vscode-snazzy-operator",
"publisher": "aaronthomas",
"version": "1.1.3"
},
{
"id": "adam-watters.vscode-color-pick",
"name": "vscode-color-pick",
"publisher": "adam-watters",
"version": "0.6.2"
},
{
"id": "adamgirton.gloom",
"name": "gloom",
"publisher": "adamgirton",
"version": "0.1.8"
},
{
"id": "adityavm.vscode-monokai-seti",
"name": "vscode-monokai-seti",
"publisher": "adityavm",
"version": "0.0.5"
},
{
"id": "AESSoft.aessoft-class-autocomplete",
"name": "aessoft-class-autocomplete",
"publisher": "AESSoft",
"version": "0.1.0"
},
{
"id": "akamud.vscode-javascript-snippet-pack",
"name": "vscode-javascript-snippet-pack",
"publisher": "akamud",
"version": "0.1.5"
},
{
"id": "akarlsten.vscode-snazzy-akarlsten",
"name": "vscode-snazzy-akarlsten",
"publisher": "akarlsten",
"version": "1.3.0"
},
{
"id": "alanmbarr.quotify",
"name": "quotify",
"publisher": "alanmbarr",
"version": "0.0.4"
},
{
"id": "albymor.increment-selection",
"name": "increment-selection",
"publisher": "albymor",
"version": "0.2.0"
},
{
"id": "AlphaAnywhere.xbasic",
"name": "xbasic",
"publisher": "AlphaAnywhere",
"version": "0.0.5"
},
{
"id": "apvarun.celestial",
"name": "celestial",
"publisher": "apvarun",
"version": "0.3.0"
},
{
"id": "arashmidos.incr",
"name": "incr",
"publisher": "arashmidos",
"version": "1.0.0"
},
{
"id": "artflag.aubergine",
"name": "aubergine",
"publisher": "artflag",
"version": "0.0.1"
},
{
"id": "atlassian.atlascode",
"name": "atlascode",
"publisher": "atlassian",
"version": "2.4.9"
},
{
"id": "bcanzanella.openmatchingfiles",
"name": "openmatchingfiles",
"publisher": "bcanzanella",
"version": "0.4.1"
},
{
"id": "be5invis.vscode-icontheme-nomo-dark",
"name": "vscode-icontheme-nomo-dark",
"publisher": "be5invis",
"version": "1.3.6"
},
{
"id": "BeardedBear.beardedtheme",
"name": "beardedtheme",
"publisher": "BeardedBear",
"version": "1.6.6"
},
{
"id": "berickson324.copyswapper",
"name": "copyswapper",
"publisher": "berickson324",
"version": "1.0.7"
},
{
"id": "bierner.color-info",
"name": "color-info",
"publisher": "bierner",
"version": "0.5.1"
},
{
"id": "bierner.lit-html",
"name": "lit-html",
"publisher": "bierner",
"version": "1.11.1"
},
{
"id": "bierner.markdown-emoji",
"name": "markdown-emoji",
"publisher": "bierner",
"version": "0.0.9"
},
{
"id": "bierner.markdown-preview-github-styles",
"name": "markdown-preview-github-styles",
"publisher": "bierner",
"version": "0.1.6"
},
{
"id": "Box-Of-Hats.bemhelper",
"name": "bemhelper",
"publisher": "Box-Of-Hats",
"version": "0.8.0"
},
{
"id": "chenzhe.split-line",
"name": "split-line",
"publisher": "chenzhe",
"version": "1.0.1"
},
{
"id": "chiragpat.tomorrow-and-tomorrow-night-operator-mono-theme",
"name": "tomorrow-and-tomorrow-night-operator-mono-theme",
"publisher": "chiragpat",
"version": "0.0.6"
},
{
"id": "chrisburgin95.quills",
"name": "quills",
"publisher": "chrisburgin95",
"version": "1.0.1"
},
{
"id": "christian-kohler.npm-intellisense",
"name": "npm-intellisense",
"publisher": "christian-kohler",
"version": "1.3.0"
},
{
"id": "christian-kohler.path-intellisense",
"name": "path-intellisense",
"publisher": "christian-kohler",
"version": "1.4.2"
},
{
"id": "codemooseus.vscode-devtools-for-chrome",
"name": "vscode-devtools-for-chrome",
"publisher": "codemooseus",
"version": "0.0.6"
},
{
"id": "codezombiech.gitignore",
"name": "gitignore",
"publisher": "codezombiech",
"version": "0.6.0"
},
{
"id": "dahong.theme-bear",
"name": "theme-bear",
"publisher": "dahong",
"version": "1.2.1"
},
{
"id": "dakara.transformer",
"name": "transformer",
"publisher": "dakara",
"version": "1.6.0"
},
{
"id": "dakshmiglani.hex-to-rgba",
"name": "hex-to-rgba",
"publisher": "dakshmiglani",
"version": "1.0.0"
},
{
"id": "DavidAnson.vscode-markdownlint",
"name": "vscode-markdownlint",
"publisher": "DavidAnson",
"version": "0.34.0"
},
{
"id": "dbaeumer.vscode-eslint",
"name": "vscode-eslint",
"publisher": "dbaeumer",
"version": "2.1.1"
},
{
"id": "DeepScan.vscode-deepscan",
"name": "vscode-deepscan",
"publisher": "DeepScan",
"version": "1.9.6"
},
{
"id": "dillonchanis.midnight-city",
"name": "midnight-city",
"publisher": "dillonchanis",
"version": "0.5.0"
},
{
"id": "divyanshu013.oceanic-darker",
"name": "oceanic-darker",
"publisher": "divyanshu013",
"version": "0.0.1"
},
{
"id": "donjayamanne.githistory",
"name": "githistory",
"publisher": "donjayamanne",
"version": "0.6.2"
},
{
"id": "donjayamanne.jquerysnippets",
"name": "jquerysnippets",
"publisher": "donjayamanne",
"version": "0.0.1"
},
{
"id": "DotJoshJohnson.xml",
"name": "xml",
"publisher": "DotJoshJohnson",
"version": "2.5.0"
},
{
"id": "dsznajder.es7-react-js-snippets",
"name": "es7-react-js-snippets",
"publisher": "dsznajder",
"version": "2.7.0"
},
{
"id": "dzhavat.css-flexbox-cheatsheet",
"name": "css-flexbox-cheatsheet",
"publisher": "dzhavat",
"version": "1.2.1"
},
{
"id": "dzhavat.git-cheatsheet",
"name": "git-cheatsheet",
"publisher": "dzhavat",
"version": "1.1.0"
},
{
"id": "eamodio.gitlens",
"name": "gitlens",
"publisher": "eamodio",
"version": "10.2.1"
},
{
"id": "ecmel.vscode-html-css",
"name": "vscode-html-css",
"publisher": "ecmel",
"version": "0.2.3"
},
{
"id": "edag94.replacequotes",
"name": "replacequotes",
"publisher": "edag94",
"version": "0.0.1"
},
{
"id": "EditorConfig.EditorConfig",
"name": "EditorConfig",
"publisher": "EditorConfig",
"version": "0.14.4"
},
{
"id": "eg2.vscode-npm-script",
"name": "vscode-npm-script",
"publisher": "eg2",
"version": "0.3.11"
},
{
"id": "EliverLara.andromeda",
"name": "andromeda",
"publisher": "EliverLara",
"version": "1.6.1"
},
{
"id": "emmanuelbeziat.vscode-great-icons",
"name": "vscode-great-icons",
"publisher": "emmanuelbeziat",
"version": "2.1.47"
},
{
"id": "enkia.tokyo-night",
"name": "tokyo-night",
"publisher": "enkia",
"version": "0.4.9"
},
{
"id": "Equinusocio.moxer-icons",
"name": "moxer-icons",
"publisher": "Equinusocio",
"version": "5.4.0"
},
{
"id": "Equinusocio.moxer-theme",
"name": "moxer-theme",
"publisher": "Equinusocio",
"version": "6.6.0"
},
{
"id": "eriklynd.json-tools",
"name": "json-tools",
"publisher": "eriklynd",
"version": "1.0.2"
},
{
"id": "evanrs.gloom-glam-dark",
"name": "gloom-glam-dark",
"publisher": "evanrs",
"version": "0.0.2"
},
{
"id": "fabiospampinato.vscode-todo-plus",
"name": "vscode-todo-plus",
"publisher": "fabiospampinato",
"version": "4.15.0"
},
{
"id": "file-icons.file-icons",
"name": "file-icons",
"publisher": "file-icons",
"version": "1.0.22"
},
{
"id": "firefox-devtools.vscode-firefox-debug",
"name": "vscode-firefox-debug",
"publisher": "firefox-devtools",
"version": "2.7.0"
},
{
"id": "GrapeCity.gc-excelviewer",
"name": "gc-excelviewer",
"publisher": "GrapeCity",
"version": "2.1.34"
},
{
"id": "guillaumedoutriaux.name-that-color",
"name": "name-that-color",
"publisher": "guillaumedoutriaux",
"version": "0.1.2"
},
{
"id": "gurayyarar.imagesprites",
"name": "imagesprites",
"publisher": "gurayyarar",
"version": "1.0.0"
},
{
"id": "iamkd.one-monokai-italics",
"name": "one-monokai-italics",
"publisher": "iamkd",
"version": "0.4.0"
},
{
"id": "IBM.output-colorizer",
"name": "output-colorizer",
"publisher": "IBM",
"version": "0.1.2"
},
{
"id": "idbartosz.darkpp-italic",
"name": "darkpp-italic",
"publisher": "idbartosz",
"version": "0.1.3"
},
{
"id": "JakeWilson.vscode-cdnjs",
"name": "vscode-cdnjs",
"publisher": "JakeWilson",
"version": "0.18.0"
},
{
"id": "jakob101.RelativePath",
"name": "RelativePath",
"publisher": "jakob101",
"version": "1.4.0"
},
{
"id": "jasonnutter.search-node-modules",
"name": "search-node-modules",
"publisher": "jasonnutter",
"version": "1.3.0"
},
{
"id": "jinsihou.diff-tool",
"name": "diff-tool",
"publisher": "jinsihou",
"version": "0.0.1"
},
{
"id": "jkjustjoshing.vscode-text-pastry",
"name": "vscode-text-pastry",
"publisher": "jkjustjoshing",
"version": "1.2.0"
},
{
"id": "jock.svg",
"name": "svg",
"publisher": "jock",
"version": "1.1.5"
},
{
"id": "johnpapa.vscode-peacock",
"name": "vscode-peacock",
"publisher": "johnpapa",
"version": "3.6.0"
},
{
"id": "jolaleye.horizon-theme-vscode",
"name": "horizon-theme-vscode",
"publisher": "jolaleye",
"version": "2.0.2"
},
{
"id": "joloyonaha.scss-bem-support",
"name": "scss-bem-support",
"publisher": "joloyonaha",
"version": "0.0.6"
},
{
"id": "jsynowiec.vscode-insertdatestring",
"name": "vscode-insertdatestring",
"publisher": "jsynowiec",
"version": "2.2.4"
},
{
"id": "juanmnl.vscode-theme-1984",
"name": "vscode-theme-1984",
"publisher": "juanmnl",
"version": "0.3.4"
},
{
"id": "juanmnl.vscode-theme-hydra",
"name": "vscode-theme-hydra",
"publisher": "juanmnl",
"version": "3.1.0"
},
{
"id": "kaiwood.better-line-select",
"name": "better-line-select",
"publisher": "kaiwood",
"version": "1.1.1"
},
{
"id": "KamasamaK.vscode-cfml",
"name": "vscode-cfml",
"publisher": "KamasamaK",
"version": "0.5.3"
},
{
"id": "karyfoundation.theme-karyfoundation-themes",
"name": "theme-karyfoundation-themes",
"publisher": "karyfoundation",
"version": "20.0.3"
},
{
"id": "kbysiec.vscode-go-to-mdn",
"name": "vscode-go-to-mdn",
"publisher": "kbysiec",
"version": "1.1.1"
},
{
"id": "kisstkondoros.vscode-gutter-preview",
"name": "vscode-gutter-preview",
"publisher": "kisstkondoros",
"version": "0.25.0"
},
{
"id": "kungfoowiz.cssSuggestions",
"name": "cssSuggestions",
"publisher": "kungfoowiz",
"version": "1.0.11"
},
{
"id": "lmcarreiro.vscode-smart-column-indenter",
"name": "vscode-smart-column-indenter",
"publisher": "lmcarreiro",
"version": "0.0.13"
},
{
"id": "lostintangent.vsls-whiteboard",
"name": "vsls-whiteboard",
"publisher": "lostintangent",
"version": "0.0.9"
},
{
"id": "markfknight.monokai-operator-theme",
"name": "monokai-operator-theme",
"publisher": "markfknight",
"version": "3.1.2"
},
{
"id": "max-SS.Cyberpunk",
"name": "Cyberpunk",
"publisher": "max-SS",
"version": "1.2.5"
},
{
"id": "micnil.vscode-checkpoints",
"name": "vscode-checkpoints",
"publisher": "micnil",
"version": "1.3.0"
},
{
"id": "mkaufman.HTMLHint",
"name": "HTMLHint",
"publisher": "mkaufman",
"version": "0.6.0"
},
{
"id": "mousetraps.selected-character-count",
"name": "selected-character-count",
"publisher": "mousetraps",
"version": "0.0.1"
},
{
"id": "mrmlnc.vscode-apache",
"name": "vscode-apache",
"publisher": "mrmlnc",
"version": "1.2.0"
},
{
"id": "mrmlnc.vscode-attrs-sorter",
"name": "vscode-attrs-sorter",
"publisher": "mrmlnc",
"version": "2.1.0"
},
{
"id": "mrmlnc.vscode-scss",
"name": "vscode-scss",
"publisher": "mrmlnc",
"version": "0.9.0"
},
{
"id": "ms-edgedevtools.vscode-edge-devtools",
"name": "vscode-edge-devtools",
"publisher": "ms-edgedevtools",
"version": "1.0.7"
},
{
"id": "ms-vscode-remote.remote-wsl",
"name": "remote-wsl",
"publisher": "ms-vscode-remote",
"version": "0.42.3"
},
{
"id": "ms-vscode.js-debug-nightly",
"name": "js-debug-nightly",
"publisher": "ms-vscode",
"version": "2020.3.1317"
},
{
"id": "ms-vscode.Theme-MaterialKit",
"name": "Theme-MaterialKit",
"publisher": "ms-vscode",
"version": "0.1.4"
},
{
"id": "ms-vscode.typescript-javascript-grammar",
"name": "typescript-javascript-grammar",
"publisher": "ms-vscode",
"version": "0.0.53"
},
{
"id": "ms-vscode.vscode-typescript-next",
"name": "vscode-typescript-next",
"publisher": "ms-vscode",
"version": "3.9.20200315"
},
{
"id": "ms-vsliveshare.vsliveshare",
"name": "vsliveshare",
"publisher": "ms-vsliveshare",
"version": "1.0.1742"
},
{
"id": "ms-vsliveshare.vsliveshare-audio",
"name": "vsliveshare-audio",
"publisher": "ms-vsliveshare",
"version": "0.1.80"
},
{
"id": "msjsdiag.debugger-for-chrome",
"name": "debugger-for-chrome",
"publisher": "msjsdiag",
"version": "4.12.6"
},
{
"id": "nandofalcao.dracula-falcon",
"name": "dracula-falcon",
"publisher": "nandofalcao",
"version": "0.0.71"
},
{
"id": "naumovs.color-highlight",
"name": "color-highlight",
"publisher": "naumovs",
"version": "2.3.0"
},
{
"id": "nicoespeon.abracadabra",
"name": "abracadabra",
"publisher": "nicoespeon",
"version": "3.2.2"
},
{
"id": "Nkzq.nojquery-snippets",
"name": "nojquery-snippets",
"publisher": "Nkzq",
"version": "0.1.3"
},
{
"id": "nonoroazoro.syncing",
"name": "syncing",
"publisher": "nonoroazoro",
"version": "3.0.13"
},
{
"id": "oderwat.indent-rainbow",
"name": "indent-rainbow",
"publisher": "oderwat",
"version": "7.4.0"
},
{
"id": "paulmolluzzo.convert-css-in-js",
"name": "convert-css-in-js",
"publisher": "paulmolluzzo",
"version": "1.1.3"
},
{
"id": "Perkovec.emoji",
"name": "emoji",
"publisher": "Perkovec",
"version": "0.0.3"
},
{
"id": "pflannery.vscode-versionlens",
"name": "vscode-versionlens",
"publisher": "pflannery",
"version": "0.25.0"
},
{
"id": "PKief.material-icon-theme",
"name": "material-icon-theme",
"publisher": "PKief",
"version": "4.0.1"
},
{
"id": "poga.theme-hybrid-operator",
"name": "theme-hybrid-operator",
"publisher": "poga",
"version": "2.1.0"
},
{
"id": "primalmotion.primal",
"name": "primal",
"publisher": "primalmotion",
"version": "1.0.5"
},
{
"id": "pshershov.blueberry-banana",
"name": "blueberry-banana",
"publisher": "pshershov",
"version": "0.1.7"
},
{
"id": "pucelle.vscode-css-navigation",
"name": "vscode-css-navigation",
"publisher": "pucelle",
"version": "1.9.0"
},
{
"id": "qcz.text-power-tools",
"name": "text-power-tools",
"publisher": "qcz",
"version": "1.11.1"
},
{
"id": "rafamel.subtle-brackets",
"name": "subtle-brackets",
"publisher": "rafamel",
"version": "3.0.0"
},
{
"id": "rafikis75.vscode-sassdoc",
"name": "vscode-sassdoc",
"publisher": "rafikis75",
"version": "1.0.0"
},
{
"id": "redhat.vscode-yaml",
"name": "vscode-yaml",
"publisher": "redhat",
"version": "0.7.2"
},
{
"id": "riazxrazor.html-to-jsx",
"name": "html-to-jsx",
"publisher": "riazxrazor",
"version": "0.0.1"
},
{
"id": "richie5um2.vscode-sort-json",
"name": "vscode-sort-json",
"publisher": "richie5um2",
"version": "1.18.0"
},
{
"id": "rimless-monokai.rimless-monokai",
"name": "rimless-monokai",
"publisher": "rimless-monokai",
"version": "1.0.1"
},
{
"id": "ritwickdey.LiveServer",
"name": "LiveServer",
"publisher": "ritwickdey",
"version": "5.6.1"
},
{
"id": "Riunshow.px2vworvh",
"name": "px2vworvh",
"publisher": "Riunshow",
"version": "1.0.2"
},
{
"id": "royaction.color-manager",
"name": "color-manager",
"publisher": "royaction",
"version": "0.5.5"
},
{
"id": "rubbersheep.gi",
"name": "gi",
"publisher": "rubbersheep",
"version": "0.2.11"
},
{
"id": "ryu1kn.partial-diff",
"name": "partial-diff",
"publisher": "ryu1kn",
"version": "1.4.1"
},
{
"id": "s3gf4ult.monokai-vibrant",
"name": "monokai-vibrant",
"publisher": "s3gf4ult",
"version": "0.5.0"
},
{
"id": "sainoba.px-to-rem",
"name": "px-to-rem",
"publisher": "sainoba",
"version": "1.3.1"
},
{
"id": "samrapdev.outrun",
"name": "outrun",
"publisher": "samrapdev",
"version": "0.2.2"
},
{
"id": "sburg.vscode-javascript-booster",
"name": "vscode-javascript-booster",
"publisher": "sburg",
"version": "0.11.0"
},
{
"id": "schulke-214.orion",
"name": "orion",
"publisher": "schulke-214",
"version": "0.2.4"
},
{
"id": "shaharkazaz.git-merger",
"name": "git-merger",
"publisher": "shaharkazaz",
"version": "0.4.1"
},
{
"id": "shengchen.vscode-leetcode",
"name": "vscode-leetcode",
"publisher": "shengchen",
"version": "0.16.1"
},
{
"id": "shinnn.stylelint",
"name": "stylelint",
"publisher": "shinnn",
"version": "0.51.0"
},
{
"id": "sidneys1.gitconfig",
"name": "gitconfig",
"publisher": "sidneys1",
"version": "2.0.1"
},
{
"id": "SintrumIT.theme-oceanic-next-italic",
"name": "theme-oceanic-next-italic",
"publisher": "SintrumIT",
"version": "1.1.14"
},
{
"id": "sleistner.vscode-fileutils",
"name": "vscode-fileutils",
"publisher": "sleistner",
"version": "3.0.1"
},
{
"id": "softwaredotcom.swdc-vscode",
"name": "swdc-vscode",
"publisher": "softwaredotcom",
"version": "2.1.21"
},
{
"id": "SolarLiner.linux-themes",
"name": "linux-themes",
"publisher": "SolarLiner",
"version": "1.0.1"
},
{
"id": "stkb.rewrap",
"name": "rewrap",
"publisher": "stkb",
"version": "1.9.1"
},
{
"id": "stonebuddha.tomorrow-and-tomorrow-night-operator-mono-theme-tweaked",
"name": "tomorrow-and-tomorrow-night-operator-mono-theme-tweaked",
"publisher": "stonebuddha",
"version": "0.0.6"
},
{
"id": "svipas.prettier-plus",
"name": "prettier-plus",
"publisher": "svipas",
"version": "3.6.6"
},
{
"id": "swashata.beautiful-ui",
"name": "beautiful-ui",
"publisher": "swashata",
"version": "1.3.0"
},
{
"id": "syler.sass-indented",
"name": "sass-indented",
"publisher": "syler",
"version": "1.7.5"
},
{
"id": "therealmarv.vscode-theme-dark-atom-dark-green-cursor",
"name": "vscode-theme-dark-atom-dark-green-cursor",
"publisher": "therealmarv",
"version": "1.0.0"
},
{
"id": "tomsaunders.vscode-workspace-explorer",
"name": "vscode-workspace-explorer",
"publisher": "tomsaunders",
"version": "1.5.0"
},
{
"id": "Tyriar.sort-lines",
"name": "sort-lines",
"publisher": "Tyriar",
"version": "1.9.0"
},
{
"id": "uloco.theme-bluloco-dark",
"name": "theme-bluloco-dark",
"publisher": "uloco",
"version": "3.0.1"
},
{
"id": "Valiantsin.operatormonodarktheme",
"name": "operatormonodarktheme",
"publisher": "Valiantsin",
"version": "0.7.1"
},
{
"id": "victorlitvinenko.vscode-soft-colors",
"name": "vscode-soft-colors",
"publisher": "victorlitvinenko",
"version": "0.0.6"
},
{
"id": "vincaslt.highlight-matching-tag",
"name": "highlight-matching-tag",
"publisher": "vincaslt",
"version": "0.9.6"
},
{
"id": "VisualStudioExptTeam.vscodeintellicode",
"name": "vscodeintellicode",
"publisher": "VisualStudioExptTeam",
"version": "1.2.6"
},
{
"id": "vsls-contrib.gistfs",
"name": "gistfs",
"publisher": "vsls-contrib",
"version": "0.0.62"
},
{
"id": "WakaTime.vscode-wakatime",
"name": "vscode-wakatime",
"publisher": "WakaTime",
"version": "4.0.0"
},
{
"id": "WallabyJs.quokka-vscode",
"name": "quokka-vscode",
"publisher": "WallabyJs",
"version": "1.0.282"
},
{
"id": "wayou.vscode-todo-highlight",
"name": "vscode-todo-highlight",
"publisher": "wayou",
"version": "1.0.4"
},
{
"id": "will-stone.plastic",
"name": "plastic",
"publisher": "will-stone",
"version": "3.4.0"
},
{
"id": "wk-j.save-and-run",
"name": "save-and-run",
"publisher": "wk-j",
"version": "0.0.21"
},
{
"id": "wmaurer.change-case",
"name": "change-case",
"publisher": "wmaurer",
"version": "1.0.0"
},
{
"id": "wwmyers.hackpot",
"name": "hackpot",
"publisher": "wwmyers",
"version": "0.36.0"
},
{
"id": "xabikos.JavaScriptSnippets",
"name": "JavaScriptSnippets",
"publisher": "xabikos",
"version": "1.7.2"
},
{
"id": "yatki.vscode-surround",
"name": "vscode-surround",
"publisher": "yatki",
"version": "1.0.2"
},
{
"id": "ysemeniuk.emmet-live",
"name": "emmet-live",
"publisher": "ysemeniuk",
"version": "1.0.0"
},
{
"id": "Yummygum.city-lights-icon-vsc",
"name": "city-lights-icon-vsc",
"publisher": "Yummygum",
"version": "1.1.3"
},
{
"id": "yummygum.city-lights-theme",
"name": "city-lights-theme",
"publisher": "yummygum",
"version": "1.1.5"
},
{
"id": "yzhang.markdown-all-in-one",
"name": "markdown-all-in-one",
"publisher": "yzhang",
"version": "2.7.0"
},
{
"id": "ZaphodAndo.save-my-eyes",
"name": "save-my-eyes",
"publisher": "ZaphodAndo",
"version": "1.0.4"
},
{
"id": "zh9528.file-size",
"name": "file-size",
"publisher": "zh9528",
"version": "0.1.3"
}
]
Raw
keybindings.json
// Place your key bindings in this file to override the defaultsauto[]
[
{
"key": "ctrl+shift+,",
"command": "workbench.action.openGlobalSettings"
},
{
"key": "ctrl+alt+,",
"command": "editor.action.inPlaceReplace.up",
"when": "editorTextFocus && !editorReadonly"
},
{
"key": "ctrl+shift+,",
"command": "-editor.action.inPlaceReplace.up",
"when": "editorTextFocus && !editorReadonly"
},
{
"key": "ctrl+shift+alt+s",
"command": "sortLines.sortLines",
"when": "editorTextFocus"
},
{
"key": "f9",
"command": "-sortLines.sortLines",
"when": "editorTextFocus"
},
{
"key": "ctrl+shift+alt+p",
"command": "extension.pxToremAndRemToPx"
},
{
"key": "alt+z",
"command": "-extension.pxToremAndRemToPx"
},
{
"key": "ctrl+shift+d",
"command": "editor.action.deleteLines",
"when": "textInputFocus && !editorReadonly"
},
{
"key": "ctrl+shift+k",
"command": "-editor.action.deleteLines",
"when": "textInputFocus && !editorReadonly"
},
{
"key": "alt+w",
"command": "-workbench.action.terminal.toggleFindWholeWord",
"when": "terminalFindWidgetFocused"
},
{
"key": "alt+w",
"command": "-toggleFindWholeWord",
"when": "editorFocus"
},
{
"key": "alt+w",
"command": "-toggleSearchWholeWord",
"when": "searchViewletFocus && searchViewletVisible"
},
{
"key": "alt+w",
"command": "-gitlens.diffLineWithWorking",
"when": "editorTextFocus && config.gitlens.keymap == 'alternate' && gitlens:activeFileStatus =~ /tracked/"
},
{
"key": "ctrl+w",
"command": "-workbench.action.closeWindow",
"when": "!editorIsOpen && !multipleEditorGroups"
},
{
"key": "ctrl+w",
"command": "-workbench.action.closeActiveEditor"
},
{
"key": "ctrl+w",
"command": "-workbench.action.closeGroup",
"when": "activeEditorGroupEmpty && multipleEditorGroups"
},
{
"key": "ctrl+w",
"command": "editor.action.addSelectionToNextFindMatch",
"when": "editorFocus"
},
{
"key": "ctrl+d",
"command": "-editor.action.addSelectionToNextFindMatch",
"when": "editorFocus"
},
{
"key": "ctrl+d",
"command": "editor.action.copyLinesDownAction",
"when": "editorTextFocus && !editorReadonly"
},
{
"key": "shift+alt+down",
"command": "-editor.action.copyLinesDownAction",
"when": "editorTextFocus && !editorReadonly"
},
{
"key": "ctrl+down",
"command": "editor.emmet.action.decrementNumberByOne",
"when": "editorTextFocus"
},
{
"key": "ctrl+up",
"command": "editor.emmet.action.incrementNumberByOne",
"when": "editorTextFocus"
},
{
"key": "ctrl+shift+v",
"command": "-markdown.showPreview",
"when": "editorLangId == 'markdown'"
},
{
"key": "ctrl+up",
"command": "-scrollLineUp",
"when": "textInputFocus"
},
{
"key": "ctrl+down",
"command": "-scrollLineDown",
"when": "textInputFocus"
},
{
"key": "ctrl+shift+down",
"command": "-cursorDownSelect",
"when": "textInputFocus"
},
{
"key": "ctrl+shift+down",
"command": "extension.decrementSelection",
"when": "editorTextFocus"
},
{
"key": "ctrl+shift+up",
"command": "-cursorUpSelect",
"when": "textInputFocus"
},
{
"key": "ctrl+shift+up",
"command": "extension.incrementSelection",
"when": "editorTextFocus"
},
{
"key": "ctrl+alt+i",
"command": "-extension.incrementSelection",
"when": "editorTextFocus"
},
{
"key": "ctrl+shift+m",
"command": "-workbench.actions.view.problems"
},
{
"key": "ctrl+shift+alt+c",
"command": "pick-color"
},
{
"key": "ctrl+shift+l",
"command": "better-line-select.downward",
"when": "editorTextFocus"
},
{
"key": "ctrl+l",
"command": "-better-line-select.downward",
"when": "editorTextFocus"
},
{
"key": "ctrl+l",
"command": "better-line-select.upward",
"when": "editorTextFocus"
},
{
"key": "ctrl+shift+l",
"command": "-better-line-select.upward",
"when": "editorTextFocus"
},
{
"key": "ctrl+shift+k",
"command": "editor.action.selectHighlights",
"when": "editorFocus"
},
{
"key": "ctrl+shift+l",
"command": "-editor.action.selectHighlights",
"when": "editorFocus"
},
{
"key": "alt+h",
"command": "-gitlens.showQuickFileHistory",
"when": "gitlens:enabled && config.gitlens.keymap == 'alternate'"
},
{
"key": "ctrl+shift+'",
"command": "extension.ReplaceDouble"
},
{
"key": "ctrl+'",
"command": "extension.ReplaceSingle"
},
{
"key": "ctrl+shift+alt+up",
"command": "-cursorColumnSelectUp",
"when": "textInputFocus"
},
{
"key": "ctrl+k v",
"command": "-markdown.showPreviewToSide",
"when": "editorLangId == 'markdown'"
},
{
"key": "ctrl+k v",
"command": "-markdown.extension.togglePreviewToSide",
"when": "!terminalFocus"
},
{
"key": "ctrl+alt+left",
"command": "-workbench.action.moveEditorToPreviousGroup"
},
{
"key": "ctrl+alt+right",
"command": "-workbench.action.moveEditorToNextGroup"
},
{
"key": "ctrl+alt+left",
"command": "editor.emmet.action.balanceIn",
"when": "editorTextFocus"
},
{
"key": "ctrl+alt+right",
"command": "editor.emmet.action.balanceOut",
"when": "editorTextFocus"
},
{
"key": "ctrl+alt+m",
"command": "-extension.prettyJSON"
},
{
"key": "shift+alt+f",
"command": "-filesExplorer.findInFolder",
"when": "explorerResourceIsFolder && explorerViewletVisible && filesExplorerFocus && !inputFocus"
},
{
"key": "ctrl+shift+alt+a",
"command": "postcssSorting.execute"
},
{
"key": "alt+q",
"command": "-rewrap.rewrapComment",
"when": "editorTextFocus"
},
{
"key": "ctrl+shift+=",
"command": "editor.emmet.action.evaluateMathExpression"
},
{
"key": "ctrl+shift+=",
"command": "-workbench.action.zoomIn"
},
{
"key": "shift+tab",
"command": "-outdent",
"when": "editorTextFocus && !editorReadonly && !editorTabMovesFocus"
},
{
"key": "shift+space",
"command": "editor.outdentOneSpace",
"when": "editorHasSelection && editorTextFocus && !editorReadOnly"
},
{
"key": "space",
"command": "editor.indentOneSpace",
"when": "editorHasSelection && editorTextFocus && !editorReadOnly"
},
{
"key": "shift+tab",
"command": "outdent",
"when": "editorTextFocus && !editorReadOnly"
},
{
"key": "ctrl+shift+backspace",
"command": "deleteAllLeft",
"when": "editorTextFocus && !editorReadOnly"
},
{
"key": "ctrl+alt+v",
"command": "-extension.copySwapper"
},
{
"key": "ctrl+alt+v",
"command": "extension.copySwapper"
},
{
"key": "ctrl+alt+t",
"command": "extension.toggleHEX",
"when": "editorTextFocus && editorHasSelection"
},
{
"key": "ctrl+shift+t",
"command": "-extension.toggleHEX",
"when": "editorTextFocus"
},
{
"key": "ctrl+shift+t",
"command": "-workbench.action.reopenClosedEditor"
},
{
"key": "ctrl+alt+r",
"command": "-extension.convertToRGBA",
"when": "editorTextFocus"
},
{
"key": "ctrl+shift+alt+r",
"command": "extension.snippetSearch",
"when": "editorTextFocus"
},
{
"key": "ctrl+alt+r",
"command": "-extension.snippetSearch",
"when": "editorTextFocus"
},
{
"key": "ctrl+r r",
"command": "-npm-script.rerun-last-script"
},
{
"key": "ctrl+r t",
"command": "-npm-script.test"
},
{
"key": "ctrl+r shift+r",
"command": "-npm-script.run"
},
{
"key": "ctrl+r l",
"command": "-npm-script.showOutput"
},
{
"key": "ctrl+r shift+x",
"command": "-npm-script.terminate-script"
},
{
"key": "ctrl+alt+h",
"command": "-extension.convertToHEX",
"when": "editorTextFocus"
},
{
"key": "ctrl+alt+s",
"command": "-checkpoints.addCheckpoint",
"when": "editorTextFocus"
},
{
"key": "ctrl+alt+d",
"command": "surround.with",
"when": "editorHasSelection"
},
{
"key": "ctrl+shift+t",
"command": "-surround.with",
"when": "editorHasSelection"
},
{
"key": "ctrl+m",
"command": "-editor.action.toggleTabFocusMode"
},
{
"key": "ctrl+m",
"command": "-markdown.extension.editing.toggleMath",
"when": "editorTextFocus && !editorReadonly && editorLangId == 'markdown'"
},
{
"key": "ctrl+shift+r",
"command": "-workbench.action.quickOpenNavigatePreviousInRecentFilesPicker",
"when": "inQuickOpen && inRecentFilesPicker"
},
{
"key": "ctrl+m",
"command": "extension.saveAndRun.execute"
},
{
"key": "ctrl+left",
"command": "-breadcrumbs.focusPreviousWithPicker",
"when": "breadcrumbsActive && breadcrumbsVisible && listFocus && !inputFocus"
},
{
"key": "ctrl+left",
"command": "-breadcrumbs.focusPrevious",
"when": "breadcrumbsActive && breadcrumbsVisible"
},
{
"key": "ctrl+left",
"command": "-list.collapseAll",
"when": "listFocus && !inputFocus"
},
{
"key": "ctrl+left",
"command": "list.collapseAll",
"when": "listFocus && !inputFocus"
},
]
Raw
settings.json
{
"atlascode.bitbucket.statusbar.showUser": false,
"atlascode.bitbucket.statusbar.showProduct": true,
"atlascode.jira.enabled": true,
"atlascode.jira.jqlList": [
{
"id": "b6c7226a-584c-4296-aedb-39364f646a59",
"enabled": true,
"name": "My alexanderbabbage Issues",
"query": "assignee = currentUser() ORDER BY lastViewed DESC ",
"siteId": "34080ba0-3e68-4b8b-bd38-21ff938703cc",
"monitor": true
}
],
"atlascode.jira.lastCreateSiteAndProject": {
"siteId": "34080ba0-3e68-4b8b-bd38-21ff938703cc",
"projectKey": "MPE"
},
"atlascode.jira.statusbar.showProduct": true,
"atlascode.jira.statusbar.showLogin": true,
"atlascode.jira.statusbar.showUser": false,
"atlascode.jira.todoIssues.triggers": [
"BUG:",
"FIXME:",
"ISSUE:",
"TASK:"
],
"atlascode.jira.workingSite": {
"baseUrlSuffix": "atlassian.net"
},
"attrsSorter.order": [
"for", "id", "class", "type", "lang", "charset", "http-equiv", "name", "viewport",
"content", "form", "action", "formaction", "rel", "async", "defer",
"style", "srcset", "src", "href", "hreflang", "preload", "as", "value",
"colspan", "rowspan", "scope", "size", "width", "height", "target", "alt",
"data-*", "placeholder", "title", "tabindex", "min", "max", "sandbox",
"allowfullscreen", "allow", "volume", "role", "aria-*", "aria-",
"autocomplete", "autofocus", "required", "download", "controls", "autoplay",
"muted", "loop", "draggable", "checked", "readonly", "disabled", "hidden",
],
"auto-close-tag.excludedTags": [
"area",
"array",
"base",
"br",
"cfabort",
"cfapplication",
"cfargument",
"cfassociate",
"cfbreak",
"cfchartdata",
"cfcollection",
"cfcontent",
"cfcontinue",
"cfcookie",
"cfdirectory",
"cfdump",
"cfelse",
"cfelseif",
"cferror",
"cfexecute",
"cfexit",
"cffile",
"cfflush",
"cfheader",
"cfhttpparam",
"cfimage",
"cfimport",
"cfinclude",
"cfindex",
"cfinput",
"cfinvokeargument",
"cflocation",
"cflog",
"cfloginuser",
"cflogout",
"cfmailparam",
"cfobject",
"cfobjectcache",
"cfparam",
"cfpop",
"cfprocessingdirective",
"cfprocparam",
"cfprocresult",
"cfproperty",
"cfqueryparam",
"cfregistry",
"cfreportparam",
"cfrethrow",
"cfreturn",
"cfschedule",
"cfsearch",
"cfset",
"cfsetting",
"cfthrow",
"cfwddx",
"col",
"command",
"embed",
"float",
"hr",
"htmlelement",
"img",
"input",
"integer",
"keygen",
"link",
"meta",
"param",
"source",
"string",
"track",
"wbr"
],
"autoprefixer.findExternalAutoprefixer": true,
"autoprefixer.formatOnSave": false,
"autoprefixer.grid": "autoplace",
"bracket-pair-colorizer-2.scopeLineCSS": [
"borderStyle : solid",
"borderWidth : 1px",
"borderColor : #eee7",
],
"breadcrumbs.enabled": true,
"cdnjs.cacheTime": 300,
"cdnjs.maxRecentLibraries": 5,
"cdnjs.protocol": "https://",
"cdnjs.quoteStyle": "double",
"checkpoints.locale": "en-US",
"cfml.autoCloseTags.enable": false,
"codestream.email": "sirving@alexanderbabbage.com",
"color-highlight.languages": ["*", "!html"],
"color-highlight.markerType": "background",
"colorInfo.fields": [
"preview", "hex", "rgb", "hsl", "alpha", "css-color-name"
],
"colorInfo.languages": [
{
"selector": "css",
"colors": "css"
},
{
"selector": "sass",
"colors": ["hex", "hex+alpha", "rgb", "hsl"]
},
{
"selector": "scss",
"colors": ["hex", "hex+alpha", "rgb", "hsl"]
},
{
"selector": "less",
"colors": "css"
},
{
"selector": "html",
"colors": "css"
}
],
"[css]": {
"editor.tabSize": 2,
"editor.formatOnSave": false,
"editor.insertSpaces": true,
"editor.defaultFormatter": "svipas.prettier-plus"
},
"css.completion.completePropertyWithSemicolon": true,
"css.completion.triggerPropertyValueCompletion": true,
"css.fileExtensions": [
"css",
"scss"
],
"CSSNavigation.enableFindAllReferences": true,
"css.validate": false,
"deepscan.enable": true,
"deepscan.ignoreConfirmWarning": true,
"deepscan.ignorePatterns": ["*.min.js"],
"deepscan.serverEmbedded.eslint.enable": true,
"deepscan.serverEmbedded.eslint.merge": "eslint",
"diffEditor.ignoreTrimWhitespace": false,
"doiuse.browsers": [
"Chrome > 49",
"Safari > 10.1",
"Firefox > 50",
"Firefox ESR",
"Opera > 36",
"Edge > 78",
"IE 11"
],
"doiuse.enable": true,
"doiuse.run": "onType",
"doiuse.messageLevel": "Information",
"editor.acceptSuggestionOnCommitCharacter": true,
"editor.acceptSuggestionOnEnter": "smart",
"editor.accessibilitySupport": "off",
"editor.autoClosingBrackets": "always",
"editor.autoIndent": "full",
"editor.codeLens": true,
"editor.colorDecorators": false,
"editor.copyWithSyntaxHighlighting": false,
"editor.cursorBlinking": "phase",
"editor.cursorSmoothCaretAnimation": true,
"editor.cursorSurroundingLines": 5,
"editor.detectIndentation": true,
"editor.dragAndDrop": true,
"editor.emptySelectionClipboard": true,
"editor.fastScrollSensitivity": 5,
"editor.find.autoFindInSelection": "multiline",
"editor.folding": true,
"editor.fontFamily": "Operator Mono Lig Medium, Fira Code, Operator Mono Medium, Fira Mono, Source Code Pro, monospace",
"editor.fontLigatures": true,
"editor.fontSize": 19,
"editor.fontWeight": "500",
"editor.formatOnPaste": true,
"editor.formatOnSave": false,
"editor.glyphMargin": true,
"editor.highlightActiveIndentGuide": true,
"editor.hover.delay": 400,
"editor.hover.enabled": true,
"editor.hover.sticky": true,
"editor.insertSpaces": true,
"editor.largeFileOptimizations": true,
"editor.letterSpacing": 0.15,
"editor.lineHeight": 25,
"editor.lineNumbers": "on",
"editor.links": true,
"editor.matchBrackets": false,
"editor.maxTokenizationLineLength": 20000,
"editor.minimap.enabled": false,
"editor.minimap.maxColumn": 85,
"editor.minimap.renderCharacters": true,
"editor.minimap.showSlider": "mouseover",
"editor.mouseWheelZoom": true,
"editor.overviewRulerBorder": true,
"editor.parameterHints.cycle": true,
"editor.quickSuggestions": {
"other": true,
"comments": false,
"strings": false
},
"editor.quickSuggestionsDelay": 10,
"editor.renderControlCharacters": true,
"editor.renderIndentGuides": true,
"editor.renderWhitespace": "boundary",
"editor.rulers": [80, 100, 120],
"editor.selectionHighlight": true,
"editor.smoothScrolling": true,
"editor.snippetSuggestions": "top",
"editor.suggest.snippetsPreventQuickSuggestions": true,
"editor.suggestSelection": "first",
"editor.tabSize": 2,
"editor.tokenColorCustomizations": {
"[Activate UMBRA protocol]": {
"textMateRules": [
{
"scope": [
"comment.block.documentation",
"comment.line.character",
"comment.line.double-slash",
"comment.line.number-sign",
"constant.language",
"entity.name.class",
"entity.name.type.class",
"entity.other.attribute-name",
"entity.other.attribute-name.class.css",
"keyword.control",
"keyword.other",
"storage.modifier",
"storage.type",
"support.type.vendored.property-name.css"
],
"settings": {
"fontStyle": "italic"
}
},
{
"scope": [
"invalid"
],
"settings": {
"fontStyle": "bold"
}
},
{
"scope": [
"entity.name.type.instance.jsdoc",
"keyword.control.flow",
"keyword.operator",
"punctuation.definition.comment",
"variable.other.jsdoc",
"variable.parameter"
],
"settings": {
"fontStyle": ""
}
}
]
},
"[Activate SCARLET protocol (beta)]": {
"textMateRules": [
{
"scope": [
"comment.block.documentation",
"comment.line.character",
"comment.line.double-slash",
"comment.line.number-sign",
"constant.language",
"entity.name.class",
"entity.name.type.class",
"entity.other.attribute-name",
"entity.other.attribute-name.class.css",
"keyword.control",
"keyword.other",
"storage.modifier",
"storage.type",
"support.type.vendored.property-name.css"
],
"settings": {
"fontStyle": "italic"
}
},
{
"scope": [
"invalid"
],
"settings": {
"fontStyle": "bold"
}
},
{
"scope": [
"entity.name.type.instance.jsdoc",
"keyword.control.flow",
"keyword.operator",
"punctuation.definition.comment",
"variable.other.jsdoc",
"variable.parameter"
],
"settings": {
"fontStyle": ""
}
}
]
},
"[Bear Theme]": {
"textMateRules": [
{
"scope": [
"comment.block.documentation",
"comment.line.character",
"comment.line.double-slash",
"comment.line.number-sign",
"constant.language",
"entity.name.class",
"entity.name.type.class",
"entity.other.attribute-name",
"entity.other.attribute-name.class.css",
"keyword.control",
"keyword.other",
"storage.modifier",
"storage.type",
"support.type.vendored.property-name.css"
],
"settings": {
"fontStyle": "italic"
}
},
{
"scope": [
"invalid"
],
"settings": {
"fontStyle": "bold"
}
},
{
"scope": [
"entity.name.type.instance.jsdoc",
"keyword.control.flow",
"keyword.operator",
"punctuation.definition.comment",
"variable.other.jsdoc",
"variable.parameter"
],
"settings": {
"fontStyle": ""
}
}
]
},
"[Blueberry Banana]": {
"textMateRules": [
{
"scope": [
"comment.block.documentation",
"comment.line.character",
"comment.line.double-slash",
"comment.line.number-sign",
"constant.language",
"entity.name.class",
"entity.name.type.class",
"entity.other.attribute-name",
"entity.other.attribute-name.class.css",
"keyword.control",
"keyword.other",
"storage.modifier",
"storage.type",
"support.type.vendored.property-name.css"
],
"settings": {
"fontStyle": "italic"
}
},
{
"scope": [
"invalid"
],
"settings": {
"fontStyle": "bold"
}
},
{
"scope": [
"entity.name.type.instance.jsdoc",
"keyword.control.flow",
"keyword.operator",
"punctuation.definition.comment",
"variable.other.jsdoc",
"variable.parameter"
],
"settings": {
"fontStyle": ""
}
}
]
},
"[Bio Dark]": {
"textMateRules": [
{
"scope": [
"comment.block.documentation",
"comment.line.character",
"comment.line.double-slash",
"comment.line.number-sign",
"constant.language",
"entity.name.class",
"entity.name.type.class",
"entity.other.attribute-name",
"entity.other.attribute-name.class.css",
"keyword.control",
"keyword.other",
"storage.modifier",
"storage.type",
"support.type.vendored.property-name.css"
],
"settings": {
"fontStyle": "italic"
}
},
{
"scope": [
"invalid"
],
"settings": {
"fontStyle": "bold"
}
},
{
"scope": [
"entity.name.type.instance.jsdoc",
"keyword.control.flow",
"keyword.operator",
"punctuation.definition.comment",
"variable.other.jsdoc",
"variable.parameter"
],
"settings": {
"fontStyle": ""
}
}
]
},
"[Gloom]": {
"textMateRules": [
{
"scope": [
"comment.block.documentation",
"comment.line.character",
"comment.line.double-slash",
"comment.line.number-sign",
"constant.language",
"entity.name.class",
"entity.name.type.class",
"entity.other.attribute-name",
"entity.other.attribute-name.class.css",
"keyword.control",
"keyword.other",
"storage.modifier",
"storage.type",
"support.type.vendored.property-name.css"
],
"settings": {
"fontStyle": "italic"
}
},
{
"scope": [
"invalid"
],
"settings": {
"fontStyle": "bold"
}
},
{
"scope": [
"entity.name.type.instance.jsdoc",
"keyword.control.flow",
"keyword.operator",
"punctuation.definition.comment",
"variable.other.jsdoc",
"variable.parameter"
],
"settings": {
"fontStyle": ""
}
}
]
},
"[Gloom Glam Dark]": {
"textMateRules": [
{
"scope": [
"comment.block.documentation",
"comment.line.character",
"comment.line.double-slash",
"comment.line.number-sign",
"constant.language",
"entity.name.class",
"entity.name.type.class",
"entity.other.attribute-name",
"entity.other.attribute-name.class.css",
"keyword.control",
"keyword.other",
"punctuation.definition.comment.scss",
"storage.modifier",
"storage.type",
"support.type.vendored.property-name.css"
],
"settings": {
"fontStyle": "italic"
}
},
{
"scope": [
"invalid"
],
"settings": {
"fontStyle": "bold"
}
},
{
"scope": [
"entity.name.type.instance.jsdoc",
"keyword.control.flow",
"keyword.operator",
"punctuation.definition.comment.js",
"variable.other.jsdoc",
"variable.parameter"
],
"settings": {
"fontStyle": ""
}
},
{
"scope": [
"meta.object-literal.key.js"
],
"settings": {
"foreground": "#e73dfafc",
}
},
{
"scope": [
"punctuation.definition.comment.scss",
"punctuation.definition.comment.begin.css",
"punctuation.definition.comment.end.css"
],
"settings": {
"foreground": "#6d6db5ff"
}
}
],
"strings": "#fff"
},
"[Monokai Dark Soda]": {
"textMateRules": [
{
"scope": [
"comment.block.documentation",
"comment.line.character",
"comment.line.double-slash",
"comment.line.number-sign",
"constant.language",
"entity.name.class",
"entity.name.type.class",
"entity.other.attribute-name",
"entity.other.attribute-name.class.css",
"keyword.control",
"keyword.other",
"storage.modifier",
"storage.type",
"support.type.vendored.property-name.css"
],
"settings": {
"fontStyle": "italic"
}
},
{
"scope": [
"invalid"
],
"settings": {
"fontStyle": "bold"
}
},
{
"scope": [
"entity.name.type.instance.jsdoc",
"keyword.control.flow",
"keyword.operator",
"punctuation.definition.comment",
"variable.other.jsdoc",
"variable.parameter"
],
"settings": {
"fontStyle": ""
}
}
]
},
"[Monokai Seti]": {
"strings": {
"foreground": "#BADDF4",
"fontStyle": "italic"
},
"comments": {
"fontStyle": "italic"
},
},
"[Plastic]": {
"textMateRules": [
{
"scope": [
"comment.block.documentation",
"comment.line.character",
"comment.line.double-slash",
"comment.line.number-sign",
"constant.language",
"entity.name.class",
"entity.name.type.class",
"entity.other.attribute-name",
"entity.other.attribute-name.class.css",
"keyword.control",
"keyword.other",
"storage.modifier",
"storage.type",
"support.type.vendored.property-name.css"
],
"settings": {
"fontStyle": "italic"
}
},
{
"scope": [
"invalid"
],
"settings": {
"fontStyle": "bold"
}
},
{
"scope": [
"entity.name.type.instance.jsdoc",
"keyword.control.flow",
"keyword.operator",
"punctuation.definition.comment",
"variable.other.jsdoc",
"variable.parameter"
],
"settings": {
"fontStyle": ""
}
}
]
},
"[Snazzy Plus - Darker w/ Italics]": {
"textMateRules": [
{
"scope": [
"comment.block.documentation",
"comment.line.character",
"comment.line.double-slash",
"comment.line.number-sign",
"constant.language",
"entity.name.class",
"entity.name.type.class",
"entity.other.attribute-name",
"entity.other.attribute-name.class.css",
"keyword.control",
"keyword.other",
"storage.modifier",
"storage.type",
"support.type.vendored.property-name.css"
],
"settings": {
"fontStyle": "italic"
}
},
{
"scope": [
"invalid"
],
"settings": {
"fontStyle": "bold"
}
},
{
"scope": [
"entity.name.type.instance.jsdoc",
"keyword.control.flow",
"keyword.operator",
"punctuation.definition.comment",
"variable.other.jsdoc",
"variable.parameter"
],
"settings": {
"fontStyle": ""
}
}
]
},
"[United Ubuntu]": {
"textMateRules": [
{
"scope": [
"comment.block.documentation",
"comment.line.character",
"comment.line.double-slash",
"comment.line.number-sign",
"constant.language",
"entity.name.class",
"entity.name.type.class",
"entity.other.attribute-name",
"entity.other.attribute-name.class.css",
"keyword.control",
"keyword.other",
"storage.modifier",
"storage.type",
"support.type.vendored.property-name.css"
],
"settings": {
"fontStyle": "italic"
}
},
{
"scope": [
"invalid"
],
"settings": {
"fontStyle": "bold"
}
},
{
"scope": [
"entity.name.type.instance.jsdoc",
"keyword.control.flow",
"keyword.operator",
"punctuation.definition.comment",
"variable.other.jsdoc",
"variable.parameter"
],
"settings": {
"fontStyle": ""
}
}
]
}
},
"editor.trimAutoWhitespace": true,
"editor.wordBasedSuggestions": true,
"editor.wordWrapColumn": 80,
"editor.wrappingIndent": "indent",
"emmet.preferences": {
"bem.elementSeparator": "__",
"bem.modifierSeparator": "--",
"css.floatUnit": "rem",
"css.fuzzySearchMinScore": 0.7,
"css.intUnit": "px",
"css.oProperties": "",
"css.propertyEnd": ";",
"css.valueSeparator": ": ",
"css.webkitProperties": "clip-path",
"format.forceIndentationForTags": [
"body",
"head"
],
"format.noIndentTags": [
"html"
],
"sass.propertyEnd": ";",
"sass.valueSeparator": ": ",
},
"emmet.optimizeStylesheetParsing": true,
"emmet.showAbbreviationSuggestions": true,
"emmet.showSuggestionsAsSnippets": true,
"eslint.enable": true,
"eslint.packageManager": "npm",
"eslint.run": "onType",
"eslint.validate": [
"javascript",
"javascriptreact"
],
"explorer.decorations.badges": false,
"files.autoSave": "afterDelay",
"files.enableTrash": true,
"files.encoding": "utf8",
"files.eol": "auto",
"files.insertFinalNewline": true,
"files.trimFinalNewlines": true,
"files.trimTrailingWhitespace": true,
"git.allowForcePush": true,
"git.autofetch": true,
"git.defaultCloneDirectory": "D:\\Stephen\\Work\\Workspace",
"gitlens.views.compare.location": "scm",
"gitlens.views.fileHistory.location": "scm",
"gitlens.views.lineHistory.location": "scm",
"gitlens.views.repositories.location": "scm",
"gitlens.views.search.location": "scm",
"goToMDN.githubPersonalAccessToken": "7ff616b465a5ecd214c0498208db1ab30e764b6a",
"highlight-matching-tag.styles": {
"opening": {
"name": {
"underline": "#CCFF"
}
}
},
"[html]": {
"editor.autoClosingBrackets": "beforeWhitespace",
"editor.autoClosingQuotes": "beforeWhitespace",
"editor.detectIndentation": false,
"editor.formatOnSave": false,
"editor.insertSpaces": true,
"editor.tabSize": 2,
// "editor.defaultFormatter": "vscode.html-language-features",
"editor.defaultFormatter": "mrmlnc.vscode-attrs-sorter",
},
"html-css-class-completion.enableEmmetSupport": true,
"html.format.enable": true,
"html.format.endWithNewline": true,
"html.format.extraLiners": "head, body, header, nav, footer",
"html.format.wrapAttributes": "aligned-multiple",
"indentRainbow.ignoreErrorLanguages": ["javascript", "plaintext", "scss", "css", "html"],
"indentRainbow.ignoreLinePatterns": [
"/[ \t]* [*]/g",
"/[ \t]+[/]{2}/g"
],
"indentRainbow.colors": [
"rgba(48, 25, 200, 0.09)",
"rgba(19, 255, 127, 0.1)",
"rgba(255, 0, 255, 0.1)",
"rgba(23, 125, 189, .1)"
],
"indentRainbow.tabmixColor": "rgba(234,4,8,0.6)",
"java.home": "C:\\Program Files\\Java\\jdk-12.0.2",
"java.configuration.checkProjectSettingsExclusions": false,
"[javascript]": {
"editor.tabSize": 2,
"editor.formatOnSave": false
},
"javascript.format.enable": false,
"javascript.format.insertSpaceAfterCommaDelimiter": true,
"javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": false,
"javascript.format.insertSpaceAfterKeywordsInControlFlowStatements": true,
"javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyParenthesis": false,
"javascript.format.insertSpaceAfterSemicolonInForStatements": true,
"javascript.format.insertSpaceBeforeAndAfterBinaryOperators": true,
"javascript.format.insertSpaceBeforeFunctionParenthesis": false,
"javascript.format.placeOpenBraceOnNewLineForControlBlocks": false,
"javascript.implicitProjectConfig.checkJs": true,
"javascript.preferences.importModuleSpecifier": "relative",
"javascript.preferences.quoteStyle": "single",
"javascript.referencesCodeLens.enabled": false,
"javascript.suggest.completeJSDocs": true,
"javascript.suggest.enabled": true,
"javascript.suggest.names": true,
"javascript.suggest.paths": true,
"javascript.validate.enable": false,
"[javascriptreact]": {
"editor.tabSize": 2
},
"[json]": {
"editor.formatOnSave": false,
"editor.insertSpaces": true,
"editor.tabSize": 4
},
"[jsonc]": {
"editor.defaultFormatter": "vscode.json-language-features",
"editor.formatOnSave": false,
"editor.insertSpaces": true,
"editor.tabSize": 4,
},
"json.format.enable": true,
"leetcode.defaultLanguage": "javascript",
"leetcode.hint.commandShortcut": false,
"leetcode.hint.commentDescription": false,
"leetcode.hint.configWebviewMarkdown": false,
"leetcode.showCommentDescription": true,
"leetcode.workspaceFolder": "C:\\Users\\Stephen\\.leetcode",
"less.validate": false,
"liveServer.settings.donotShowInfoMsg": true,
"liveServer.settings.donotVerifyTags": true,
"liveServer.settings.port": 0,
"[markdown]": {
"editor.wordWrap": "on",
"editor.quickSuggestions": true
},
"peacock.favoriteColors": [
{
"name": "Angular Red",
"value": "#b52e31"
},
{
"name": "Auth0 Orange",
"value": "#eb5424"
},
{
"name": "Azure Blue",
"value": "#007fff"
},
{
"name": "C# Purple",
"value": "#68217A"
},
{
"name": "Gatsby Purple",
"value": "#639"
},
{
"name": "Go Cyan",
"value": "#5dc9e2"
},
{
"name": "Java Blue-Gray",
"value": "#557c9b"
},
{
"name": "JavaScript Yellow",
"value": "#f9e64f"
},
{
"name": "Mandalorian Blue",
"value": "#1857a4"
},
{
"name": "Node Green",
"value": "#215732"
},
{
"name": "React Blue",
"value": "#00b3e6"
},
{
"name": "Something Different",
"value": "#832561"
},
{
"name": "Vue Green",
"value": "#42b883"
},
{
"name": "TruTrade Blue",
"value": "#2A3C68"
},
{
"name": "PinPoint Red",
"value": "#A11D27"
},
{
"name": "MUSC Blue",
"value": "#00447C"
}
],
"postcssSorting.config": {
"order": [
"custom-properties",
"dollar-variables",
"declarations",
"at-rules",
"rules"
],
"properties-order": [
"-moz-appearance", "-webkit-appearance", "position", "top", "right",
"bottom", "left", "z-index",
"display", "overflow", "overflow-x", "overflow-y", "box-sizing",
"min-width", "width", "max-width",
"min-height", "height", "max-height", "padding", "border",
"border-radius", "outline", "outline-color", "outline-style",
"margin", "margin-top", "margin-right", "margin-bottom", "margin-left",
"flex", "flex-direction", "flex-wrap",
"flex-flow", "flex-basis", "flex-grow", "flex-shrink", "align-items",
"align-content", "align-self", "justify-content", "justify-items",
"justify-self", "order", "grid-template",
"grid-area", "grid-gap", "grid-row", "grid-column", "grid-auto-flow",
"grid-auto-rows", "grid-auto-columns", "vertical-align", "background",
"background-image", "background-position", "background-size",
"background-repeat", "background-attachment", "background-origin",
"background-clip", "background-color", "opacity", "clip-path", "color", "font",
"font-family", "font-size", "font-style", "font-weight", "font-variant",
"font-stretch", "line-height", "letter-spacing", "text-align",
"text-justify", "white-space", "animation",
"animation-name", "animation-duration", "animation-timing-function",
"animation-delay", "animation-direction", "animation-iteration-count",
"animation-fill-mode", "animation-play-state", "backface-visibility",
"transition", "transition-property",
"transition-duration", "transition-timing-function", "transition-delay",
"transform", "transform-box", "transform-origin", "transform-style",
"cursor",
]
},
"prettier.disableLanguages": [
"html",
"json",
"markdown",
"vue"
],
"prettier.arrowParens": "avoid",
"prettier.bracketSpacing": true,
"prettier.endOfLine": "crlf",
"prettier.eslintIntegration": true,
"prettier.htmlWhitespaceSensitivity": "strict",
"prettier.jsxBracketSameLine": false,
"prettier.jsxSingleQuote": true,
"prettier.printWidth": 80,
"prettier.proseWrap": "always",
"prettier.quoteProps": "consistent",
"prettier.requireConfig": false,
"prettier.semi": true,
"prettier.singleQuote": true,
"prettier.stylelintIntegration": true,
"prettier.tabWidth": 2,
"prettier.trailingComma": "none",
"prettier.useTabs": false,
"px-to-rem.notify-if-no-changes": true,
"px-to-rem.number-of-decimals-digits": 5,
"px-to-rem.only-change-first-ocurrence": false,
"px-to-rem.px-per-rem": 16,
"px2vworvh.height": 1080,
"px2vworvh.toFixedNum": 5,
"px2vworvh.width": 1920,
"references.preferredLocation": "peek",
"rewrap.doubleSentenceSpacing": false,
"rewrap.wrappingColumn": 80,
"rewrap.reformat": true,
"rewrap.autoWrap.enabled": false,
"[sass]": {
"editor.insertSpaces": true,
"editor.tabSize": 2
},
"scm.alwaysShowProviders": true,
"[scss]": {
"editor.insertSpaces": true,
"editor.formatOnSave": false,
"editor.tabSize": 2,
"editor.defaultFormatter": "svipas.prettier-plus"
},
"scss.completion.completePropertyWithSemicolon": true,
"scss.completion.triggerPropertyValueCompletion": true,
"scss.showErrors": true,
"scss.lint.argumentsInColorFunction": "error",
"scss.lint.boxModel": "warning",
"scss.lint.fontFaceProperties": "error",
"scss.lint.idSelector": "warning",
"scss.lint.ieHack": "warning",
"scss.lint.importStatement": "warning",
"scss.lint.important": "ignore",
"scss.lint.propertyIgnoredDueToDisplay": "warning",
"scss.lint.unknownProperties": "warning",
"scss.lint.unknownVendorSpecificProperties": "warning",
"scss.lint.zeroUnits": "warning",
"scss.suggestFunctions": true,
"scss.suggestFunctionsInStringContextAfterSymbols": " (+-*%",
"scss.suggestMixins": true,
"scss.suggestVariables": true,
"scss.validate": false,
"search.smartCase": true,
"showGitMetrics": true,
"sortLines.filterBlankLines": true,
"stylelint.enable": true,
"subtleBrackets.style": {
"borderColor": "#3C84FF",
"borderStyle": "solid",
"borderWidth": "2px",
},
"surround.custom": {
"forReverse": {
"label": "reverse for",
"description": "for (let i = len; i--;) { ... }",
"disabled": false,
"snippet": "for (let ${1:i} = ${2:0}; $1--;) {\n\t$TM_SELECTED_TEXT\n}$0"
},
"iife": {
"label": "IIFE",
"description": "(function () { ... })();",
"disabled": false,
"snippet": "(function (${1:args}) {\n\t$TM_SELECTED_TEXT$0\n})(${2:passedArgs});"
},
"iifeRoot": {
"label": "IIFE root scope",
"description": "(function (win, doc) { ... })(this, document);",
"disabled": false,
"snippet": "(function (${1:win}, ${2:doc}) {\n\t$TM_SELECTED_TEXT$0\n})(${3:this}, ${4:document});"
},
"iifeArrow": {
"label": "IIFE arrow fn",
"description": "(() => { ... })();",
"disabled": false,
"snippet": "((${1:args}) => {\n\t$TM_SELECTED_TEXT$0\n})(${2:passedArgs});"
}
},
"surround.with.fori": {
"label": "fori",
"description": "for (let i = 0; ... ; ++i) { ... }",
"disabled": false,
"snippet": "for (let ${1:i} = ${2:0}; ${3:conditions}; ++$1) {\n\t$TM_SELECTED_TEXT\n}$0"
},
"surround.with.tryFinally": {
"label": "try/finaly",
"description": "try { ... } finally { $finalBlock }",
"disabled": true,
"snippet": "try {\n\t$TM_SELECTED_TEXT\n} finally {\n\t$1\n}$0"
},
"telemetry.enableTelemetry": false,
"terminal.integrated.cursorStyle": "line",
"terminal.integrated.cursorBlinking": true,
"terminal.integrated.fontFamily": "Fira Mono, Source Code Pro, Input Mono, monospace",
"terminal.integrated.fontSize": 16,
"terminal.integrated.rendererType": "dom",
"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe",
"todo.archive.name": "Archive",
"todo.file.defaultContent": "\nTODO:\n ☐ Item\n",
"todo.file.exclude": [
"**/.!(todo|todos|task|tasks)/**",
"**/_output/**",
"**/bower_components/**",
"**/build/**",
"**/dist/**",
"**/node_modules/**",
"**/out/**",
"**/output/**",
"**/release/**",
"**/releases/**",
"**/static/**",
"**/target/**",
"**/third_party/**",
"**/vendor/**"
],
"todo.file.name": ".todo",
"todohighlight.exclude": [
"**/node_modules/**",
"**/bower_components/**",
"**/dist/**",
"**/build/**",
"**/.vscode/**",
"**/.github/**",
"**/_output/**",
"**/*.min.*",
"**/*.map",
"**/.next/**"
],
"todohighlight.defaultStyle": {
"backgroundColor": "#EF3437AA",
"color": "#040628AA",
"overviewRulerColor": "#F9F90EAA"
},
"todohighlight.isCaseSensitive": true,
"todohighlight.keywords": ["TODO"],
"typescript.format.enable": false,
"vscode-devtools-for-chrome.port": 5500,
"vscode-edge-devtools.port": 5500,
"vscode-edge-devtools.sourceMaps": true,
"vsintellicode.java.completionsEnabled": true,
"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
"vsintellicode.python.completionsEnabled": true,
"vsintellicode.typescript.completionsEnabled": true,
"window.zoomLevel": 1,
"workbench.activityBar.visible": true,
"workbench.colorCustomizations": {
"[Dracula Falcon]": {
"editor.findMatchBackground": "#F007",
"editor.findMatchHighlightBackground": "#0FF5"
},
"[ƒ - Monokai - Operator Mono/Italic]": {
"editor.findMatchBackground": "#F00A",
"editor.findMatchHighlightBackground": "#09F3",
"editorOverviewRuler.findMatchForeground": "#F00A",
"editorWhitespace.foreground": "#444",
"sideBar.foreground": "#0BF",
"tab.activeBorder": "#0BF",
"tab.activeForeground": "#0BF",
"tab.activeModifiedBorder": "#0BF",
},
"[Horizon Italic]": {
"editor.findMatchBackground": "#F00A",
"editor.findMatchHighlightBackground": "#09F3",
"scrollbarSlider.hoverBackground": "#AF0A2655",
"scrollbarSlider.activeBackground": "#A0142C99"
},
"[Monokai Seti]": {
"editor.findMatchBackground": "#F00A",
"editor.findMatchHighlightBackground": "#09F3",
"editorOverviewRuler.findMatchForeground": "#F00A"
},
"[Noctis Azureus]": {
"editor.findMatchBackground": "#F007",
"editor.findMatchHighlightBackground": "#0FF5"
},
"[Snazzy Operator]": {
"editor.findMatchBackground": "#F007",
"editor.findMatchHighlightBackground": "#0FF5"
},
"[Snazzy Plus - Darker w/ Italics]": {
"editor.findMatchBackground": "#F007",
"editor.findMatchHighlightBackground": "#0FF5"
},
"[Theme Bear]": {
"tab.activeForeground": "#FFF",
"editor.findMatchBackground": "#F006",
"editor.findMatchHighlightBackground": "#09F5"
},
"[United Ubuntu]": {
"tab.activeForeground": "#1FF"
},
"statusBar.foreground": "#FFF",
},
"workbench.colorTheme": "Operator Mono Dark Theme",
"workbench.editor.highlightModifiedTabs": true,
"workbench.editor.tabSizing": "shrink",
"workbench.settings.editor": "json",
"workbench.settings.openDefaultSettings": false,
"workbench.sideBar.location": "left",
"workbench.startupEditor": "newUntitledFile",
"workspaceExplorer.workspaceStorageDirectory": "D:\\Stephen\\Work\\VSCode-Workspaces",
"wts.changeSaveToLocation": "D:\\Stephen\\Work\\Workspace",
"yaml.schemas": {
"file:///c%3A/Users/Stephen/.vscode-insiders/extensions/atlassian.atlascode-2.4.9/resources/schemas/pipelines-schema.json": "bitbucket-pipelines.yml"
},
"zenMode.centerLayout": true,
"zenMode.fullScreen": true,
"zenMode.hideActivityBar": true,
"zenMode.hideLineNumbers": false,
"zenMode.hideStatusBar": true,
"gitlens.views.repositories.branches.layout": "list",
"workbench.iconTheme": "material-icon-theme",
}
Raw
snippet-css.json
{
"Font-Face": {
"prefix": ["face", "fface", "fntfc", "fontface", "font-face"],
"body": [
"@font-face {",
" font-family: ${1:font-name};",
" font-style: ${2:normal};",
" font-weight: ${3}00;",
" font-display: ${4:swap};",
" src: ",
" local('${1:font-name}{$5}')",
" local('${1}-${6}')",
" url(${7:../fonts}/${1:font-name}${8:suffix}.woff2) format('woff2'),",
" url(${7:../fonts}/${1:font-name}${8:suffix}.woff) format('woff'),",
" url(${7:../fonts}/${1:font-name}${8:suffix}.ttf) format('truetype');",
"}",
"$0"
],
"description": "Creates a modern @font-face declaration."
},
"Easy Comments": {
"prefix": ["//", "cmt"],
"body": "/* $1 */$0",
"description": "Easy comments in CSS using double slash."
},
"Important": {
"prefix": "important",
"body": "!important;$0",
"description": "A !important line ending."
},
"Media Query": {
"prefix": ["media"],
"body": [
"@media ${1:only|not} ${2:screen|print|speech|all} and (${3:MediaFeature}) {",
" $4 {",
" $5",
" }$6",
"}",
"$0"
],
"description": "An @media directive."
},
"Print Query": {
"prefix": ["print"],
"body": [
"@media print {",
" ${1: // Print styles...}",
"}$0"
],
"description": "A print media query for printed styles."
},
"Page Query": {
"prefix": ["page", "pg"],
"body": [
"@page {",
" margin: ${1:page-margins};",
" ${2: // Any additional page styles...}",
"}$0"
],
"description": "A page at-rule for page specific styling."
},
"Background Clip - Padding Box": {
"prefix": "bclip",
"body": "background-clip: padding-box;$0",
"description": "Background-clip property with padding box value."
},
"Box Sizing - Border Box": {
"prefix": ["bsize", "bbox"],
"body": "box-sizing: ${1:border-box};$0",
"description": "Box-sizing property with border-box value."
},
"Display Flex": {
"prefix": ["dflex"],
"body": [
"display: -webkit-flex;",
"display: flex;$0"
],
"description": "Declares the display: flex property/value pair with the webkit vendor prefix."
},
"Display Grid": {
"prefix": "dg",
"body": "display: grid;$0",
"description": "Display property with a value of grid."
},
"Display Inline Grid": {
"prefix": "dig",
"body": "display: inline-grid;$0",
"description": "Display property with a value of inline-grid."
},
"Grid Template": {
"prefix": "gt",
"body": "grid-template: $0;",
"description": "Shorthand property for defining grid-template-columns, grid-template-rows, and grid-template-areas."
},
"Grid Template Rows": {
"prefix": "gtr",
"body": "grid-template-rows: $0;",
"description": "Defines the line names and track sizing functions of the grid rows."
},
"Grid Template Columns": {
"prefix": "gtc",
"body": "grid-template-columns: $0;",
"description": "Defines the line names and track sizing functions of the grid columns."
},
"Grid Template Areas": {
"prefix": "gta",
"body": "grid-template-areas: $0;",
"description": "Specifies named grid areas."
},
"Grid Gap": {
"prefix": "gg",
"body": "grid-gap: $0;",
"description": "Shorthand for grid-row-gap and grid-column-gap, setting the gaps (gutters) between rows and columns."
},
"Grid Row Gap": {
"prefix": ["grg", "grp"],
"body": "grid-row-gap: $0;",
"description": "Sets the size of the gap (gutter) between an element's rows."
},
"Grid Column Gap": {
"prefix": ["gcg", "gcp"],
"body": "grid-column-gap: $0;",
"description": "Sets the size of the gap (gutter) between an element's columns."
},
"Grid Row": {
"prefix": "gr",
"body": "grid-row: $0;",
"description": "Shorthand property for grid-row-start and grid-row-end, specifying a grid item’s size and location within the grid row."
},
"Grid Row Start": {
"prefix": "grs",
"body": "grid-row-start: $0;",
"description": "Specifies a grid item’s start position within the grid row."
},
"Grid Row End": {
"prefix": "gre",
"body": "grid-row-end: $0;",
"description": "Specifies a grid item’s end position within the grid row."
},
"Grid Column": {
"prefix": "gc",
"body": "grid-column: $0;",
"description": "Shorthand property for grid-column-start and grid-column-end, specifying a grid item’s size and location within the grid column."
},
"Grid Column Start": {
"prefix": "gcs",
"body": "grid-column-start: $0;",
"description": "Specifies a grid item’s start position within the grid column."
},
"Grid Column End": {
"prefix": "gce",
"body": "grid-column-end: $0;",
"description": "Specifies a grid item’s end position within the grid column."
},
"Grid Area": {
"prefix": "ga",
"body": "grid-area: $0;",
"description": "A shorthand property for grid-row-start, grid-column-start, grid-row-end, and grid-column-end."
},
"Grid Auto Flow": {
"prefix": "gaf",
"body": "grid-auto-flow: $0;",
"description": "Specifies exactly how auto-placed items get flowed into the grid."
},
"Grid Auto Rows": {
"prefix": "gar",
"body": "grid-auto-rows: $0;",
"description": "Specifies the size of an implicitly-created grid row track."
},
"Grid Auto Columns": {
"prefix": "gac",
"body": "grid-auto-columns: $0;",
"description": "Specifies the size of an implicitly-created grid column track."
},
"Text Align": {
"prefix": ["ta"],
"body": "text-align: center;$0",
"description": "Adds the text-align property with a value of center."
},
"Margin": {
"prefix": ["mar"],
"body": "margin: ${1:margin values}",
"description": "Declares a blank margin shorthand property."
},
"Auto Margin": {
"prefix": ["mauto", "autmar"],
"body": "margin: 0 auto;$0",
"description": "Declares the margin: 0 auto; property/value pair."
},
"Background Shorthand": {
"prefix": ["bg", "background", "bground"],
"body": "background: url(${1:image}) ${2:position} ${3:/ size} ${4:repeat} ${5:attachment} ${6:origin and clip} ${7:#color};$0"
},
"Border": {
"prefix": ["border"],
"body": "border: ${1:1}px solid ${2:#000};",
"description": "Declares a generic solid border."
},
"Color": {
"prefix": ["color", "clr"],
"body": "color: #${1:color};",
"description": "Declares the color property."
},
"Font Shorthand": {
"prefix": ["font", "fnt", "ft"],
"body": "font: ${1:style: normal|italic|oblique} ${2:variant} ${3:weight} ${4:stretch} ${5:size}/${6:ln-height} ${7:family};$0",
"description": "The font CSS property is a shorthand for font-style, font-variant, font-weight, font-stretch, font-size, line-height, and font-family. Alternatively, it sets an element's font to a system font or inherited font."
},
"Font Family": {
"prefix": ["ff", "ffam", "fontfam", "font-fam"],
"body": "font-family: ${1:'Font-Names'}, sans-serif;$0",
"description": "Declares the font-family property.",
},
"Animation Shorthand": {
"prefix": ["anim", "anm"],
"body": "animation: ${1:name} ${2:duration} ${3:timing-func} ${4:delay} ${5:direction} ${6:iterations} ${7:fill-mode};$0",
"description": "The animation shorthand property."
},
"Lorem Picsum": {
"prefix": "picsum",
"body": "https://picsum.photos/${1:width}/${2:height}",
"description": "The URL for a random filler image of given size."
},
"Placeholder Filler Image": {
"prefix": ["placeholder", "filler"],
"body": "https://via.placeholder.com/${1:width}x${2:height}",
"description": "The URL for a blank placeholder image."
},
"Highlight Layout": {
"prefix": ["hilt", "lohilt", "highlightlayout"],
"body": [
"* { background-color: rgba(255, 0, 0, .2); }",
"* * { background-color: rgba(0, 255, 0, .2); }",
"* * * { background-color: rgba(0, 0, 255, .2); }",
"* * * * { background-color: rgba(255, 0, 255, .2); }",
"* * * * * { background-color: rgba(0, 255, 255, .2); }",
"* * * * * * { background-color: rgba(255, 255, 0, .2); }",
"* * * * * * * { background-color: rgba(255, 0, 0, .2); }",
"* * * * * * * * { background-color: rgba(0, 255, 0, .2); }",
"* * * * * * * * * { background-color: rgba(0, 0, 255, .2); }",
],
"description": "Use this to help in testing and debugging your layout. Gives you a visual aid to see the true size of all elements."
},
"Ampersand CSS Code": {
"prefix": ["amp"],
"body": "'\\\\0026';$0",
"description": "The ampersand CSS character hex code."
},
"Trademark CSS Code": {
"prefix": ["tmc", "tradem"],
"body": "'\\\\2122';$0",
"description": "The trademark symbol CSS character hex code."
},
"Registered CSS Code": {
"prefix": ["regis"],
"body": "'\\\\00AE';$0",
"description": "The registered trademark CSS character hex code."
},
"Copyright CSS Code": {
"prefix": ["crc", "copy"],
"body": "'\\\\00A9';$0",
"description": "The copyright symbol CSS character hex code."
},
"Dollar Sign CSS Code": {
"prefix": ["dlr", "dollar", "dlrsgn"],
"body": "'\\\\0024';$0",
"description": "The dollar sign CSS character hex code."
},
"Euro Entity Code": {
"prefix": ["euro"],
"body": "'\\\\20AC';$0",
"description": "The Euro symbol CSS character hex code."
},
"Pound Currency CSS Code": {
"prefix": ["pound", "gbp"],
"body": "'\\\\00A3';$0",
"description": "The British Pound currency symbol CSS character hex code."
},
"Open Quote CSS Hex Code": {
"prefix": ["oq", "openquote"],
"body": "'\\\\201C';$0",
"description": "The W3C recommended way to present an open quote, using a CSS character hex code."
},
"Closing Quote CSS Hex Code": {
"prefix": ["cq", "closequote"],
"body": "'\\\\201D';$0",
"description": "The W3C recommended way to present a closing quote, a using CSS character hex code."
},
"Apostrophe CSS Hex Code": {
"prefix": ["apostrophe"],
"body": "'\\\\2019';$0",
"description": "The W3C recommended way to present an apostrophe, CSS character hex code."
},
"En Dash CSS Hex Code": {
"prefix": ["ndash"],
"body": "'\\\\2013';$0",
"description": "The W3C recommended way to present an en dash, using a CSS character hex code. The en dash is used for ranges (ex: 13-15 November)."
},
"Em Dash / Hyphen CSS Hex Code": {
"prefix": ["mdash", "hyphen"],
"body": "'\\\\2014';$0",
"description": "The W3C recommended way to present an em dash or hyphen, using a CSS character hex code. The em dash is used for changes of thought."
},
"Ellipsis CSS Hex Code": {
"prefix": ["ellipsis"],
"body": "'\\\\2026';$0",
"description": "The W3C recommended way to present an ellipsis, using a CSS character hex code."
},
"Vertical Bar CSS Hex Code": {
"prefix": ["vertb", "vrtbr"],
"body": "'\\\\203A';$0",
"description": "The vertical bar symbol's CSS hex code: |"
},
"Right Arrow Entity Number": {
"prefix": ["rarr"],
"body": "'\\\\2192';$0",
"description": "The right arrow symbol's CSS hex code: →"
},
"Left Arrow Entity Number": {
"prefix": ["larr"],
"body": "'\\\\2190';$0",
"description": "The left arrow symbol's CSS hex code: ←"
},
"Up Arrow Entity Number": {
"prefix": ["uarr"],
"body": "'\\\\2191';$0",
"description": "The up arrow symbol's CSS hex code: ↑"
},
"Down Arrow Entity Number": {
"prefix": ["darr"],
"body": "'\\\\2193';$0",
"description": "The down arrow symbol's CSS hex code: ↓"
},
"Horizontal (Left/Right) Arrow Entity Number": {
"prefix": ["harr"],
"body": "'\\\\2194';$0",
"description": "The left/right horizontal arrow symbol's CSS hex code: ↓"
},
"Heart Entity Number": {
"prefix": ["hrt", "hearts"],
"body": "'\\\\2665';$0",
"description": "The heart symbol's CSS hex code: ♥"
},
"Spade Entity Number": {
"prefix": ["spadesym", "spades"],
"body": "'\\\\2660';$0",
"description": "The spade symbol's CSS hex code: ♠"
},
"Clubs Entity Number": {
"prefix": ["clubs"],
"body": "'\\\\2663';$0",
"description": "The clubs symbol's CSS hex code: ♣"
},
"Diamond Entity Number": {
"prefix": ["dmd", "diamond"],
"body": "'\\\\2666';$0",
"description": "The diamond symbol's CSS hex code: ♦"
},
"Lozenge/Clear Diamond Entity Number": {
"prefix": ["loz", "clrdia", "clrdmnd"],
"body": "'\\\\25CA';$0",
"description": "The lozenge/clear diamond symbol's CSS hex code: ◊"
},
"Single Right Angle Quotation Mark Entity Number": {
"prefix": ["raqm"],
"body": "'\\\\203A';$0",
"description": "A right pointing, european style, angled 'quote' mark: ›"
},
"Single Left Angle Quotation Mark Entity Number": {
"prefix": ["laqm"],
"body": "'\\\\2039';$0",
"description": "A left pointing, european style, angled 'quote' mark: ‹"
},
"Double Right Angle Quotation Mark Entity Number": {
"prefix": ["draqm"],
"body": "'\\\\00BB';$0",
"description": "A doubled, right pointing, european style, angled 'quote' mark: »"
},
"Double Left Angle Quotation Mark Entity Number": {
"prefix": ["dlaqm"],
"body": "'\\\\00AB';$0",
"description": "A doubled, left pointing, european style, angled 'quote' mark: «"
},
"Infinity Entity Number": {
"prefix": ["infinity"],
"body": "'\\\\221E';$0",
"description": "The infinity symbol's CSS hex code."
},
"One-Half Fraction Entity Number": {
"prefix": ["frac12", "hfrac", "halffrac"],
"body": "'\\\\00BD';$0",
"description": "A one-half fraction symbol's CSS hex code: ½",
},
"Inverted Exclamation Mark Entity Number": {
"prefix": ["inv!", "invexc", "iexcl"],
"body": "'\\\\00A1';$0",
"description": "The inverted exclamation mark symbol's CSS hex code."
},
"Inverted Question Mark Entity Number": {
"prefix": ["iquest", "inv?", "invquest"],
"body": "'\\\\00BF';$0",
"description": "The inverted question mark symbol's character CSS hex code."
},
"Music Note Entity Number": {
"prefix": ["music", "mnote"],
"body": "'\\\\010A';$0",
"description": "The musical note symbol's character CSS hex code."
},
"Alarm Clock Entity Number": {
"prefix": ["alarmclock"],
"body": "'\\\\23f0';$0",
"description": "Alarm clock symbol's CSS hex code: ⏰"
},
}
Raw
snippet-html.json
{
"Comment": {
"prefix": "cmt",
"body": "<!-- $0 -->",
"description": "An HTML comment."
},
"Table with classes": {
"prefix": "table",
"body": [
"<table class=\"${1:table}\">",
" <thead class=\"${2:thead}\">",
" <tr class=\"${3:trow}\">",
" <th class=\"${4:thcell}\" scope=\"col\">$5</th>",
" <th class=\"${4}\" scope=\"col\">$6</th>",
" <th class=\"${4}\" scope=\"col\">$7</th>",
" </tr>",
" </thead>",
" <tbody class=\"${8:tbody}\">",
" <tr class=\"${3}\">",
" <td class=\"${9:tcell}\">$10</td>",
" <td class=\"${9}\">$11</td>",
" <td class=\"${9}\">$12</td>",
" </tr>",
" </tbody>",
"</table>",
"$0"
],
"description": "An empty table with 3 columns, a body row, classes and scopes."
},
"Table header tag with role and opening row": {
"prefix": "thead",
"body": [
"<thead class=\"${1:thead}\">",
" <tr class=\"${2:trow}\">",
" <th class=\"${3:thcell}\" scope=\"col\">$4</th>",
" <th class=\"${3}\" role=\"col\">$5</th>",
" <th class=\"${3}\" role=\"col\">$6</th>",
" </tr>",
"</thead>",
"$0"
],
"description": "A table column header group a row and 3 header columns with classes and scope."
},
"Table header with class and role": {
"prefix": "th",
"body": [
"<th class=\"${1:thcell}\" scope=\"$2\">$3</th>",
"$0"
],
"description": "A table header cell tag with a class and a scope."
},
"Table body group with role": {
"prefix": "tbody",
"body": [
"<tbody class=\"${1:tbody}\">",
" <tr class=\"${2:trow}\">",
" <td class=\"${3:tcell}\">$4</td>",
" <td class=\"${3}\">$5</td>",
" <td class=\"${3}\">$6</td>",
" </tr>",
"</tbody>",
"$0",
],
"description": "A table body tag with a row and 3 cells all with classes"
},
"Table row": {
"prefix": "tr",
"body": [
"<tr class=\"${1:trow}\">",
" $0",
"</tr>"
],
"description": "A table row tag with class."
},
"Table cell": {
"prefix": "td",
"body": [
"<td class=\"${1:tcell}\">$2</td>",
"$0"
],
"description": "A table cell tag with class."
},
"Button with Class and Type": {
"prefix": "btn",
"body": "<button class=\"${1:btn}\" id=\"$2\" title=\"$3\" type=\"${4:button}\">$5</button>",
"description": "A button tag with a class and type."
},
"Input tag with Attributes": {
"prefix": ["input", "inp", "<input"],
"body": "<input class=\"${1:input-class}\" id=\"${2:inputId}\" name=\"${3:inputName}\" type=\"${2:type}\">",
"description": "An input tag with the always necessary attributes."
},
"Form Tag": {
"prefix": ["form", "frm", "<form"],
"body": "<form action=\"/action_page.php\" id=\"${2:formId}\">",
"description": "A form tag with an action and id attribute."
},
"Image Tag with Placeholder/Filler Link": {
"prefix": ["fimg", "imagefiller", "fillerimg", "phimg"],
"body": [
"<img class=\"${1:img}\" src=\"https://via.placeholder.com/${2:width}x${3:height}\" alt=\"$4\" width=\"${2:width}\" height=\"${3:height}\">",
"$0"
],
"description": "An image tag with a placeholder/filler link and all necessary attributes."
},
"Image Tag": {
"prefix": ["img", "image", "<image"],
"body": [
"<img class=\"${1:img}\" src=\"${2:assets/img/}${3:img-name.png}\" alt=\"$4\">",
"$0"
],
"description": "An image tag with all necessary attributes."
},
"Script Tag": {
"prefix": "script",
"body": ["<script src=\"js/${1:main}.min.js\"></script>$0"],
"description": "A script tag with a blank source attribute."
},
"Link Tag": {
"prefix": ["link", "style"],
"body": ["<link rel=\"stylesheet\" href=\"css/${2:main}.min.css\">","$0"],
"description": "A link tag with necessary attributes."
},
"Anchor Tag": {
"prefix": ["a", "<a"],
"body": "<a class=\"${1:LinkClass}\" href=\"${2:LinkLocation}\" hreflang=\"en\" title=\"${3:TitleText}\">${4:LinkText}</a>$0",
"description": "An anchor <a> tag for links, with helpful attributes."
},
"Mailto Anchor Link": {
"prefix": "mailto",
"body": "<a class=\"${1:LinkClass}\" href=\"mailto:${2:Address}@${3:Domain}?Subject=${4:SubjectLine}\">${5:LinkText}</a>$0",
"description": "A mailto anchor <a> tag for linking to an email address."
},
"Abbreviation Tag": {
"prefix": ["abbr", "<abbr", "acronym"],
"body": "<abbr class=\"abbr\" title=\"$1\">$2</abbr>$0",
"description": "An abbreviation <abbr> tag with attributes."
},
"Details widget": {
"prefix": ["details", "dtls"],
"body": [
"<details class=\"$1\">",
" <summary class=\"$2\">${3:VisibleSummaryText}</summary>",
" <p class=\"$3\">${4:HiddenDetailsText}</p>",
" <p class=\"$3\">${5:HiddenDetailsText}</p>",
"</details>",
],
"description": "A details, summary, and paragraph tags combination that creates an interactive widget that the user can view or hide on demand"
},
"Unordered list": {
"prefix": ["ul", "ulist", "unordered"],
"body": [
"<ul class=\"${1:ulist}\">",
" <li class=\"${2:ulist__li}\">$3</li>",
" <li class=\"${2:ulist__li}\">$4</li>",
" <li class=\"${2:ulist__li}\">$5</li>",
" <li class=\"${2:ulist__li}\">$6</li>",
"</ul>",
"$0"
],
"description": "A more complete unordered list."
},
"Ordered list": {
"prefix": ["ol", "ordered", "olist"],
"body": [
"<ol class=\"${1:olist}\">",
" <li class=\"${2:li}\">$3</li>",
" <li class=\"${2}\">$4</li>",
" <li class=\"${2}\">$5</li>",
" <li class=\"${2}\">$6</li>",
"</ol>",
"$0"
],
"description": "A more complete ordered list."
},
"Details list": {
"prefix": ["dl", "detlist"],
"body": [
"<dl class=\"$1\">",
" <dt class=\"$2\">$3</dt>",
" <dd class=\"${4}\">$5</dd>",
" <dt class=\"${2}\">$6</dt>",
" <dd class=\"${4}\">$7</dd>",
"</dl>",
"$0"
],
"description": "A more complete details list."
},
"Header tag": {
"prefix": ["header", "hdr"],
"body": [
"<header class=\"${1:header}\">",
" <h1 class=\"${2:heading}\">$3</h1>$4",
"</header>$0",
],
"description": "A header semantic element with an h1 tag."
},
"H1 Tag": {
"prefix": "h1",
"body": [
"<h1 class=\"${1:h1}\">$2</h1>",
"$0"
],
"description": "h1 tag with class."
},
"H2 Tag": {
"prefix": "h2",
"body": [
"<h2 class=\"${1:h2}\">$2</h2>",
"$0"
],
"description": "h2 tag with class."
},
"H3 Tag": {
"prefix": "h3",
"body": [
"<h3 class=\"${1:h3}\">$2</h3>",
"$0"
],
"description": "h3 tag with class."
},
"H4 Tag": {
"prefix": "h4",
"body": [
"<h4 class=\"${1:h4}\">$2</h4>",
"$0"
],
"description": "An h4 tag with class."
},
"H5 Tag": {
"prefix": "h5",
"body": [
"<h5 class=\"${1:h5}\">$2</h5>",
"$0"
],
"description": "An h5 tag with class."
},
"H6 Tag": {
"prefix": "h6",
"body": [
"<h6 class=\"${1:h6}\">$2</h6>",
"$0"
],
"description": "An h6 tag with class."
},
"Div Tag": {
"prefix": ["div", "<div"],
"body": [
"<div class=\"$1\">",
" $0",
"</div>"
],
"description": "A div tag with class."
},
"Span Tag": {
"prefix": "span",
"body": "<span class=\"$1\">$2</span>$0",
"description": "A span tag with class."
},
"Nav Tag": {
"prefix": "nav",
"body": [
"<header class=\"${1:site-header group}\">",
" <div class=\"${1:site-header}__logo-wrapper\">",
" <a href=\"javascript:window.history.go()\" tabindex=\"0\">",
" <picture>",
" <source type=\"image/webp\" srcset=\"",
" img/example-280.webp 280w,",
" img/example-280@1.5x.webp 1.5x,",
" img/example-280@2x.webp 2x",
" \">",
" <source type=\"image/png\" srcset=\"",
" img/example-280.png 280w,",
" img/example-280@1.5x.png 1.5x,",
" img/example-280@2x.png 2x",
" \">",
" <img class=\"${1:site-header}__logo\"",
" src=\"img/example-280.png\"",
" width=\"280\"",
" alt=\"Site logo\"",
" >",
" </picture>",
" </a>",
" </div>",
" <nav class=\"${1:main-nav}\" id=\"main_nav\" aria-label=\"${2:Main}\">",
" <ul class=\"${2:main-nav}__section-list\">",
" <li class\"${2:main-nav}__section\">",
" <a class\"${2:main-nav}__section-link\" href=\"\" tabindex=\"0\"></a>",
" </li>",
" <li class\"${2:main-nav}__section\">",
" <a class\"${2:main-nav}__section-link\" href=\"\" tabindex=\"0\"></a>",
" </li>",
" <li class\"${2:main-nav}__section\">",
" <a class\"${2:main-nav}__section-link\" href=\"\" tabindex=\"0\"></a>",
" </li>",
" $3",
" </ul>",
" </nav>",
"</header>$0"
],
"description": "A nav tag for a page's main navigation."
},
"Main Tag": {
"prefix": ["main", "<mai"],
"body": [
"<main class=\"main-content\" id=\"main_content\" role=\"main\">",
" $0",
"</main>",
],
"description": "A main tag with role (for old browser semantic support) surrounded with a div wrapper for styling."
},
"Footer Tag": {
"prefix": ["foot", "footer", "<foot", "ftr"],
"body": [
"<footer class=\"${1:site-footer}\">",
" <div class=\"${1:site-footer}__logo-wrapper\">",
" <a rel=\"noreferrer noopener\" href=\"https://www.example.com/\" target=\"_blank\">",
" <picture>",
" <source type=\"image/webp\" srcset=\"",
" img/example-280.webp 280w,",
" img/example-280@1.5x.webp 1.5x,",
" img/example-280@2x.webp 2x",
" \">",
" <source type=\"image/png\" srcset=\"",
" img/example-280.png 280w,",
" img/example-280@1.5x.png 1.5x,",
" img/example-280@2x.png 2x",
" \">",
" <img class=\"${1:site-footer}__logo\"",
" src=\"img/example-280.png\"",
" width=\"280\"",
" alt=\"logo\"",
" >",
" </picture>",
" </a>",
" </div>",
" <nav class=\"${2:footer-nav}\" id=\"footer_nav\" aria-label=\"Footer\">",
" <ul class=\"${2:footer-nav}__section-list\">",
" <li class=\"${2:footer-nav}__section\">",
" <a class=\"${2:footer-nav}__section-link\" href=\"\"></a>",
" </li>",
" <li class=\"${2:footer-nav}__section\">",
" <a class=\"${2:footer-nav}__section-link\" href=\"\"></a>",
" </li>",
" <li class=\"${2:footer-nav}__section\">",
" <a class=\"${2:footer-nav}__section-link\" href=\"\"></a>",
" </li>",
" </ul>",
" </nav>",
" <small class=\"${1:site-footer}__cr}\">Copyright &#169;",
" <time datetime=\"${3:YYYY/MM/DD|YYYY}\">${4:TIME}</time>",
" </small>",
"</footer>"
],
"description": "A footer tag with copyright message, time tag, and classes."
},
"Aside Tag": {
"prefix": ["asi", "aside", "<asi"],
"body": [
"<aside class=\"${1:aside}\">",
" $0",
"</aside>"
],
"description": "An aside tag with class."
},
"Article Tag": {
"prefix": ["article", "<article"],
"body": [
"<article class=\"${1:article}\">",
" $0",
"</article>"
],
"description": "An article tag with class."
},
"Time Tag": {
"prefix": "time",
"body": "<time datetime=\"${1:YYYY/MM/DD}\">${2:TIME}</time>",
"description": "A time tag with datetime attribute."
},
"Overwrite Menu Tag": {
"prefix": "menu",
"body": "menu",
"description": "Overwrites deprecated menu tag snippet."
},
"Lorem Picsum": {
"prefix": "picsum",
"body": "https://picsum.photos/${1:width}/${2:height}",
"description": "The URL for a random filler image of given size."
},
"Placeholder Filler Image": {
"prefix": ["placeholderlink", "fillerlink"],
"body": "https://via.placeholder.com/${1:width}x${2:height}",
"description": "The URL for a blank placeholder image."
},
"HTML5 Template With IE Support": {
"prefix": ["html5ie", "htmlie"],
"body": [
"<!doctype html>",
"<html lang=\"en-US\">",
"<head>",
" <meta charset=\"utf-8\">",
" <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">",
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">",
" <meta name=\"apple-mobile-web-app-capable\" content=\"yes\">",
" <meta name=\"mobile-web-app-capable\" content=\"yes\">",
"",
" <title>${1:Title-60charMax}</title>",
"",
" <meta name=\"keywords\" content=\"${2:Keywords}\">",
" <meta name=\"description\" content=\"${3:Description-155charMax}\">",
" <link rel=\"apple-touch-icon\" href=\"icon.png\">",
" <link rel=\"stylesheet\" href=\"css/${4:main}.css\">",
" <!--[if lt IE 9]>",
" <script src=\"js/html5shiv.min.js\">",
" <link rel=\"stylesheet\" href=\"css/${4:main}.css\">",
" <script src=\"js/html5shiv-printshiv.min.js\">",
" <![endif]-->",
"</head>",
"<body>",
" $0",
" <script src=\"js/main.js\"></script>",
"</body>",
"</html>"
],
"description": "A basic HTML5 starter template with tags for IE support."
},
"HTML5 Basic Template": {
"prefix": ["html5basic", "htmlstart", "doctype"],
"body": [
"<!doctype html>",
"<html lang=\"en-US\">",
"<head>",
" <meta charset=\"utf-8\">",
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">",
"",
" <title>${1:Title-60charMax}</title>",
"",
" <meta name=\"keywords\" content=\"${2:Keywords}\">",
" <meta name=\"description\" content=\"${3:Description-155charMax}\">",
" <link rel=\"apple-touch-icon\" href=\"assets/img/icon.png\">",
" <link rel=\"stylesheet\" href=\"css/${4:main}.min.css\">",
"</head>",
"<body>",
" $0",
" <script src=\"js/main.js\"></script>",
"</body>",
"</html>"
],
"description": "A basic HTML5 starter template."
},
"HTML5 Bare-Bones Template": {
"prefix": ["html5bones", "htmlbones", "bones", "htbone", "mintemp"],
"body": [
"<!doctype html>",
"<html lang=\"en-US\">",
"<head>",
" <meta charset=\"utf-8\">",
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">",
"",
" <title>${1:Title-60charMax}</title>",
"",
" <link rel=\"stylesheet\" href=\"css/${4:main}.css\">",
"</head>",
"<body>",
" $0",
"</body>",
"</html>"
],
"description": "A completely bare-bones, minimal HTML5 starter template."
},
"HTML5 Meta Template": {
"prefix": "html5meta",
"body": [
"<!doctype html>",
"<html lang=\"en-US\">",
"<head>",
" <meta charset=\"utf-8\">",
" <!-- TODO: Remove this line and the next if support for IE is uneccessary -->",
" <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">",
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">",
" <meta name=\"apple-mobile-web-app-capable\" content=\"yes\">",
" <meta name=\"mobile-web-app-capable\" content=\"yes\">",
"",
" <title>${1:Title-60charMax}</title>",
"",
" <meta name=\"keywords\" content=\"${2:Keywords}\">",
" <meta name=\"description\" content=\"${3:Description-155charMax}\">",
" <meta name=\"subject\" content=\"${4:Subject}\">",
" <meta name=\"author\" content=\"Stephen M Irving, stephenmichaelirving@gmail.com\">",
" <meta name=\"creation_date\" content=\"${5:DateToday}\">",
" <meta name=\"copyright\" content=\"Stephen M Irving\">",
" <meta name=\"language\" content=\"EN\">",
" <meta name=\"revisit-after\" content=\"7 days\">",
" <meta name=\"url\" content=\"${6:PageURL}\">",
" <meta name=\"og:title\" content=\"$1\">",
" <meta name=\"og:url\" content=\"$6\">",
" <meta name=\"og:site_name\" content=\"${7:SiteName}\">",
" <meta name=\"og:description\" content=\"${3:Description-155charMax}\">",
" <meta name=\"og:image\" content=\"\">",
" <meta name=\"og:type\" content=\"TODO: Fill with page type\">",
" <meta name=\"twitter:title\" content=\"$1\">",
" <meta name=\"twitter:description\" content=\"${3:Description-155charMax}\">",
" <meta name=\"twitter:image\" content=\"TODO: Fill with primary page img\">",
" <meta name=\"twitter:site\" content=\"@stephemirving\">",
" <meta name=\"twitter:creator\" content=\"@stephemirving\">",
"",
" <link rel=\"shortcut icon\" type=\"image/x-icon\" href=\"favicon.ico\">",
" <link rel=\"apple-touch-icon\" href=\"assets/img/icon.png\">",
" <link rel=\"stylesheet\" href=\"css/main.min.css\">",
" <!--[if lt IE 9]>",
" <link rel=\"stylesheet\" href=\"css/main.css\">",
" <![endif]-->",
"</head>",
"<body>",
" <header class=\"header\">",
" <nav class=\"nav\" aria-label=\"Main\">",
" ${8:Navigation}",
" </nav>",
" </header>",
"",
" <div class=\"main-wrapper\">",
" <main role=\"main\">",
" <section class=\"section\">",
" <article class=\"article\">",
" <h2 class=\"h2\">${9:ArticleHeading}</h2>",
" <!-- TODO: Article content here -->",
" </article>",
" </section>",
" </main>",
" <aside class=\"aside\">",
" </aside>",
" </div> <!-- /.main-wrapper -->",
" <footer class=\"footer\">",
" <address class=\"address\">",
" </address>",
" <small class=\"small\">Copyright &#169; <time datetime=\"${11:YYYY/MM/DD|YYYY}\">${12}</time></small>",
" </footer>",
" <script src=\"js/main.js\"></script>",
"</body>$0",
"</html>"
],
"description": "An HTML5 template with a large number of meta tags."
},
"Bootstrap 4 & Font-Awesome Starter Template": {
"prefix": ["bsfa", "bstrap-fa", "htmlbsfa"],
"body": [
"<!doctype html>",
"<html lang=\"en-US\">",
"<head>",
" <meta charset=\"utf-8\">",
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">",
" <!-- TODO: Remove this line and the next if support for IE is uneccessary -->",
" <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">",
"",
" <title>${1:Title-60charMax}</title>",
"",
" <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css\">",
" <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css\">",
" <link rel=\"stylesheet\" href=\"css/main.css\">",
"</head>",
"<body>",
" $0",
" <script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.slim.min.js\"></script>",
" <script src=\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/umd/popper.min.js\"></script>",
" <script src=\"https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js\"></script>",
"</body>",
"</html>"
],
"description": "HTML template with complete Bootstrap 4 and Font-Awesome 5 CDN."
},
"Bootstrap 4 & Font-Awesome Starter Template with AJAX": {
"prefix": ["bsajax", "bsajax", "htmlbsajax"],
"body": [
"<!doctype html>",
"<html lang=\"en-US\">",
"<head>",
" <meta charset=\"utf-8\">",
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">",
" <!-- TODO: Remove this line and the next if support for IE is uneccessary -->",
" <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">",
"",
" <title>${1:Title-60charMax}</title>",
"",
" <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css\">",
" <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css\">",
" <link rel=\"stylesheet\" href=\"css/main.min.css\">",
"</head>",
"<body>",
" $0",
" <script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js\"></script>",
" <script src=\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/umd/popper.min.js\"></script>",
" <script src=\"https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js\"></script>",
"</body>",
"</html>"
],
"description": "HTML template with complete Bootstrap 4 and Font-Awesome 5 CDN."
},
"Bootstrap 4 Nav Dropdown": {
"prefix": "bsnavdd",
"body": [
"<li class=\"nav-item dropdown\">",
" <a class=\"nav-link dropdown-toggle\" data-toggle=\"dropdown\" href=\"#\" role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\">${1:dropdown-link-name}</a>",
" <div class=\"dropdown-menu\">",
" <a class=\"dropdown-item\" href=\"#\">${2:dropdown-item-1}</a>",
" <div class=\"dropdown-divider\"></div>",
" <a class=\"dropdown-item\" href=\"#\">${3:dropdown-item-2}</a>",
" </div>",
"</li>"
],
"description": "Default Bootstrap 4 navigation dropdown element."
},
"Bootstrap 4 Form Element": {
"prefix": ["bsform"],
"body": [
"<form>",
" <div class=\"form-group\">",
" <label for=\"${1:email-input-id}\">Email Address</label>",
" <input type=\"email\" class=\"form-control\" id=\"${1:input-email-id}\" placeholder=\"name@example.com\">",
" </div>",
" <div class=\"form-group\">",
" <label for=\"${3:select-dropdown-id}\">${2:Select Option Label}</label>",
" <select class=\"form-control\" id=\"${3:select-dropdown-id}\">",
" <option value=\"\" selected disabled hidden>${4:dropdown-default-placeholder}</option>",
" <option value=\"1\">${5:Option One}</option>",
" <option value=\"2\">${6:Option Two}</option>",
" <option value=\"3\">${7:Option Three}</option>",
" <option value=\"4\">${8:Option Four}</option>",
" <option value=\"5\">${9:Option Five}</option>",
" </select>",
" </div>",
" <div class=\"form-group\">",
" <label for=\"#{10:select-dropdown-multiple-id}\">${11:Select Multiple Option Label}</label>",
" <select multiple class=\"form-control\" id=\"#{10:select-dropdown-multiple-id}\">",
" <option value=\"\" selected disabled hidden>${12:select-multiple-default-placeholder}</option>",
" <option value=\"1\">${13:Option One}</option>",
" <option value=\"2\">${14:Option Two}</option>",
" <option value=\"3\">${15:Option Three}</option>",
" <option value=\"4\">${16:Option Four}</option>",
" <option value=\"5\">${17:Option Five}</option>",
" </select>",
" </div>",
" <div class=\"form-group\">",
" <label for=\"${18:textarea-id}\">${19:Textarea Label}</label>",
" <textarea class=\"form-control\" id=\"${18:textarea-id}\" rows=\"4\"></textarea>",
" </div>",
"</form>$0"
],
"description": "A Bootstrap 4 Form Template."
},
"Non-Breaking Space HTML Code": {
"prefix": ["nbsp", "&nbs", "nobreak"],
"body": "&#160;$0",
"description": "The non-breaking space HTML code."
},
"Less Than Entity Code": {
"prefix": ["lessthan", "lt"],
"body": "&#60;$0",
"description": "The less than symbol's HTML code."
},
"Greater Than Entity Code": {
"prefix": ["greaterthan", "gt"],
"body": "&#62;$0",
"description": "The greater than symbol's HTML code."
},
"Ampersand HTML Code": {
"prefix": ["&;", "amp"],
"body": "&#38;$0",
"description": "The ampersand symbol's HTML code."
},
"Trademark HTML Code": {
"prefix": ["tmc", "tradem"],
"body": "&#153;$0",
"description": "The trademark symbol's HTML code."
},
"Registered CSS Number": {
"prefix": ["regis"],
"body": "&#174;$0",
"description": "The registered trademark CSS character code."
},
"Copyright HTML Code": {
"prefix": ["crc", "copy"],
"body": "&#169;$0",
"description": "The copyright symbol's HTML code."
},
"Vertical Bar HTML Code": {
"prefix": ["vertb", "vrtbr"],
"body": "&#124;$0",
"description": "The vertical bar symbol's character HTML code: |"
},
"Right Arrow HTML Code": {
"prefix": ["rarr"],
"body": "&#8594;$0",
"description": "The right arrow symbol's character HTML code: →"
},
"Left Arrow HTML Code": {
"prefix": ["larr"],
"body": "&#8592;$0",
"description": "The left arrow symbol's character HTML code: ←"
},
"Up Arrow HTML Code": {
"prefix": ["uarr"],
"body": "&#8593;$0",
"description": "The up arrow symbol's character HTML code: ↑"
},
"Down Arrow HTML Code": {
"prefix": ["darr"],
"body": "&#8595;$0",
"description": "The down arrow symbol's character HTML code: ↓"
},
"Horizontal (Left/Right) Arrow HTML Code": {
"prefix": ["harr"],
"body": "&#8596;$0",
"description": "The left/right horizontal arrow symbol's character HTML code: ↓"
},
"Heart HTML Code": {
"prefix": ["hrt", "hearts"],
"body": "&#9829;$0",
"description": "The heart symbol's character HTML code: ♥"
},
"Spade HTML Code": {
"prefix": ["spadesym", "spades"],
"body": "&#9824;$0",
"description": "The spade symbol's character HTML code: ♠"
},
"Clubs HTML Code": {
"prefix": ["clubs"],
"body": "&#9827;$0",
"description": "The clubs symbol's character HTML code: ♣"
},
"Diamond HTML Code": {
"prefix": ["dmd", "diamond"],
"body": "&#9830;$0",
"description": "The diamond symbol's character HTML code: ♦"
},
"Lozenge/Clear Diamond HTML Code": {
"prefix": ["loz", "clrdia", "clrdmnd"],
"body": "&#9674;$0",
"description": "The lozenge/clear diamond symbol's character HTML code: ◊"
},
"Single Right Angle Quotation Mark HTML Code": {
"prefix": ["raqm"],
"body": "&#8250;$0",
"description": "A right pointing, european style, angled 'quote' mark: ›"
},
"Single Left Angle Quotation Mark HTML Code": {
"prefix": ["laqm"],
"body": "&#8249;$0",
"description": "A left pointing, european style, angled 'quote' mark: ‹"
},
"Double Right Angle Quotation Mark HTML Code": {
"prefix": ["draqm"],
"body": "&#187;$0",
"description": "A doubled, right pointing, european style, angled 'quote' mark: »"
},
"Double Left Angle Quotation Mark HTML Code": {
"prefix": ["dlaqm"],
"body": "&#171;$0",
"description": "A doubled, left pointing, european style, angled 'quote' mark: «"
},
"Infinity HTML Code": {
"prefix": ["infinity"],
"body": "&#8734;$0",
"description": "The infinity symbol's character entity number."
},
"Euro HTML Code": {
"prefix": ["euro"],
"body": "&#8364;$0",
"description": "The Euro symbol's character entity number."
},
"British Pound HTML Code": {
"prefix": ["pound"],
"body": "&#163;$0",
"description": "The British Pound symbol's character entity number."
},
"Yen HTML Code": {
"prefix": ["yen"],
"body": "&#165;$0",
"description": "The Yen symbol's character entity number."
},
"Dollar HTML Code": {
"prefix": ["dlr", "dollar"],
"body": "&#36;$0",
"description": "The Dollar symbol's character entity number."
},
"Cents HTML Code": {
"prefix": ["cents"],
"body": "&#162;$0",
"description": "The Cents symbol's character entity number."
},
"One-Half Fraction HTML Code": {
"prefix": ["frac12", "hfrac", "halffrac"],
"body": "&#189;$0",
"description": "A one-half fraction symbol's entity number: ½",
},
"Open Quote HTML Code": {
"prefix": ["oq", "openquote"],
"body": "&#8220;$0",
"description": "The W3C recommended way to present an open quote."
},
"Closing Quote HTML Code": {
"prefix": ["cq", "closequote"],
"body": "&#8221;$0",
"description": "The W3C recommended way to present a closing quote."
},
"Apostrophe HTML Code": {
"prefix": ["apostrophe"],
"body": "&#8217;$0",
"description": "The W3C recommended way to present an apostrophe."
},
"En Dash HTML Code": {
"prefix": ["ndash"],
"body": "&#8211;$0",
"description": "The W3C recommended way to present an en dash, used for ranges (ex: 13-15 November)."
},
"Em Dash / HTML Code": {
"prefix": ["mdash"],
"body": "&#8212;$0",
"description": "The W3C recommended way to present an em dash or hyphen, used for changes of thought."
},
"Non-Breaking Hyphen HTML Code": {
"prefix": "nbhyph",
"body": "&#8209;$0",
"description": "A hyphen character that prevents breaking to a new line."
},
"Hard Hyphen HTML Code": {
"prefix": ["hyph", "hardhyphen", "hhyph"],
"body": "&#8208;$0",
"description": "A normal hyhen. The \"hard\" hyphen character indicates a visible line break opportunity. Even if the line is not actually broken at that point, the hyphen is still rendered."
},
"Soft Hyphen HTML Code": {
"prefix": ["softhyphen", "shyph"],
"body": "&#173;$0",
"description": "An invisible, \"soft\" hyphen. This character is not rendered visibly; instead, it marks a place where the browser should break the word if hyphenation is necessary."
},
"Ellipsis HTML Code": {
"prefix": ["ellipsis"],
"body": "&#8230;$0",
"description": "The W3C recommended way to present an ellipsis."
},
"Inverted Exclamation Mark HTML Code": {
"prefix": ["inv!", "invexc", "iexcl"],
"body": "&#161;$0",
"description": "The inverted exclamation mark symbol's HTML code."
},
"Inverted Question Mark HTML Code": {
"prefix": ["iquest", "inv?", "invquest"],
"body": "&#191;$0",
"description": "The inverted question mark symbol's HTML code."
},
"Beamed Eighth Note HTML Code": {
"prefix": ["music", "mnote"],
"body": "&#9835;$0",
"description": "The beamed eighth note symbol's HTML code. ♫"
},
"Black Telephone HTML Code": {
"prefix": ["btel", "blcktel"],
"body": "&#9742;$0",
"description": "The black telephone symbol's HTML code. ☎"
},
"Alarm Clock HTML Code": {
"prefix": ["alarmclock"],
"body": "&#9200;;$0",
"description": "Alarm clock symbol's HTML code: ⏰"
},
}
Raw
snippet-javascript.json
{
"Print to Console Log": {
"prefix": ["log", "clg", "clog"],
"body": "console.log('$1');$0",
"description": "Log output to console."
},
"Console Log with Object Name": {
"prefix": ["clon", "cln"],
"body": "console.log('${1:objectName} :', ${1:objectName});",
"description": "Log an object in the console, including its name."
},
"Create Console Group": {
"prefix": ["cgr", "cgrp"],
"body": "console.group('$1:label');$0",
"description": "Create a console group."
},
"End Console Group": {
"prefix": ["cgre", "cge", "cgrpe"],
"body": "console.groupEnd();$0",
"description": "End a console group."
},
"Console Warn": {
"prefix": ["conwarn", "cwa"],
"body": "console.warn(${1:objectName});$0",
"description": "Log a console warning."
},
"Console Time": {
"prefix": ["ctime", "contime", "cti"],
"body": "console.time(${1:objectName});$0",
"description": "Log a console time."
},
"Console Time End": {
"prefix": ["cte", "ctimeend"],
"body": "console.timeEnd(${1:objectName});$0",
"description": "End a console timer."
},
"Console Table": {
"prefix": ["ctab", "contab", "consoletable"],
"body": "console.table(${1:data}${2:, columns});$0",
"description": "Displays tabular data as a table. Takes one mandatory argument, which must be an array or an object, and one additional optional parameter, columns.",
},
"Get Element by ID": {
"prefix": ["getById", "gbid", "byId"],
"body": "document.getElementById('${1:id_name}')${2:.}$0",
"description": "Returns an Element object representing the element whose id property matches the specified string."
},
"Get Elements by Class Name": {
"prefix": ["getByClass", "gbc", "byClass"],
"body": "${1:document}.getElementsByClassName('${2:class-name}')${3:.}$0",
"description": "Returns a live HTMLCollection which contains every descendant element which has the specified class name(s)."
},
"Query Selector": {
"prefix": ["qs", "querySelector", "qselector", "getByQuery", "gbq", "byQuery"],
"body": "${1:document}.querySelector('${2:selector}')${3:.}$0",
"description": "Returns the first Element within the document that matches the specified selector(s). If no matches are found, null is returned."
},
"Query Selector All": {
"prefix": ["qsa", "querySelectorAll", "qselall", "getAllByQuery", "gabq", "queryall"],
"body": "${1:document}.querySelectorAll('${2:selector}')${3:.}$0",
"description": "Returns a static (not live) NodeList representing a list of the document's elements that match the selector(s). If no matches are found, null is returned."
},
"Add Class to Element": {
"prefix": ["ca", "addClass", "classAdd"],
"body": "${1:DocumentElement}.classList.add('${2:Class}');$0",
"description": "Adds a class to a given DOM element."
},
"Remove Class from Element": {
"prefix": ["cr", "removeClass", "remClass", "classRemove"],
"body": "${1:DocumentElement}.classList.remove('${2:Class}');$0",
"description": "Removes a class from a given DOM element."
},
"Toggle Class": {
"prefix": ["ct", "toggleClass", "togClass", "classToggle"],
"body": "${1:DocumentElement}.classList.toggle('${2:Class}');$0",
"description": "Toggle a class on a given DOM element."
},
"File JSDoc Comment": {
"prefix": ["flovrvw"],
"body": [
"/**",
" * @fileoverview ${2:Description of file...}",
" * @version ${3:0.1.0} ${4:MM/DD/YYYY}",
" * @author Stephen M. Irving",
" */",
"$0"
],
"description": "Creates a file-level comment in JSDoc format."
},
"Function Statement": {
"prefix": ["func", "function", "fn"],
"body": [
"function ${1:functionName}(${3:params...}) {",
" ${0:// Function body}",
"}"
],
"description": "Create a new function statement."
},
"Function Statement with JSDoc": {
"prefix": ["funcdoc", "functiondoc", "fnd", "jsfunc"],
"body": [
"/**",
" * ${1:Function description...}",
" *",
" * @param {*}",
" */",
"function ${1:functionName}(${3:Params...}) {",
" ${0:// Function body}",
"}"
],
"description": "Create a new function statement with a JSDoc comment above it."
},
"Function Expression": {
"prefix": ["funcexp", "functionexpression", "fne"],
"body": [
"${1:const} ${2:functionName} = function (${3:Params...}) {",
" ${0:// Function body}",
"};"
],
"description": "Create a new function statement."
},
"JSDoc Comment": {
"prefix": ["jsdoc", "jscmt", "doccmt"],
"body": [
"/**",
" * ${1:Function description...}",
" *",
" * @param {${3:param1Type}} ${4:param1Name} - ${5:Parameter description...}",
" * @param {${6:param2Type}} ${7:param2Name} - ${8:Parameter description...}$0",
" * @return {${9:returnType}} ${10:Return description...}",
" */"
],
"description": "Creates a JSDoc comment, used to describe functions. Snippet assumes two parameters and a return statement."
},
"If Statement": {
"prefix": "if",
"body": [
"if (${1:Condition}) {",
" ${2:// Statement body}",
"}$0"
],
"description": "A simple if statement."
},
"Operator If": {
"prefix": "if&",
"body": "${1:<Condition>} && ${2:<If Truthy>};",
"description": "A replacement for the if statement using the && operator."
},
"If else statement": {
"prefix": "ifelse",
"body": [
"if (${1:<Condition>}) {",
" ${2:// If statement body}",
"} else {",
" ${3:// Else statement body}",
"}$0"
],
"description": "An if/else statement."
},
"If else if else statement": {
"prefix": ["ifelseif", "ieie"],
"body": [
"if (${1:<Condition 1>}) {",
" ${2:<If statement body>}",
"} else if (${3:Condition 2}) {",
" ${4:<Else If statement body>}",
"} else {",
" ${5:<Else statement body>}",
"}$0"
],
"description": "An if/if else/else statement."
},
"Ternary operator": {
"prefix": "ternary",
"body": "(${1:<Condition>} ? ${2:<If Truthy>} : ${3:<If Falsey>});$0",
"description": "A ternary statement."
},
"Multi-Line Ternary": {
"prefix": "mltern",
"body": [
"( (${1:Condition1})",
" ? ${2:<If Condition 1 Truthy>}",
" : ${1:If Condition 1 Falsey Check <Condition 2>}",
" ? ${3:<If Condition 2 Truthy>}",
" : ${1:<If Condition 2 Falsey>}",
");"
],
"description": "A multi-line, linked ternary statement with two conditions. Can be used in the place of an If/If Else/Else condition tree."
},
"Use Strict": {
"prefix": ["use", "strict", "us"],
"body": ["'use strict';","$0"],
"description": "The 'use strict'; command to enter strict mode."
},
"Set Argument Default": {
"prefix": ["argund", "paramund", "defarg", "defparam", "da", "dp"],
"body": "${1:paramName} = ${1} || ${2:<Param Default Value>};$0",
"description": "Sets the default value for an undefined function parameter. Use the 'undefined' method instead if the parameter can have falsey values."
},
"Set Timeout": {
"prefix": ["timeout", "setTimeout", "stim"],
"body": [
"setTimeout(function () {",
" ${0:// Function body}",
"}, ${1:1000});"
],
"description": "Set Timeout runs a function after a given wait time."
},
"Set Interval": {
"prefix": ["interval", "setInterval", "sint"],
"body": [
"const ${1:<Interval Name>} = setInterval(function () {",
" if (${4:<End Condition>}) {",
" clearInterval($1);",
" }",
" ${5:// Function body}",
"}, ${3:1000});",
"$0"
],
"description": "Set Interval runs a function repeatedly on a given interval."
},
"On Load": {
"prefix": ["winload", "onload", "wol"],
"body": [
"window.onload = function () {",
" $0",
"};"
],
"description": "A function that triggers at the window.onload event. Fires later than document.onload."
},
"Event Adder": {
"prefix": "evtadd",
"body": [
"var addEvent = function (element, type, callback) {",
" if (element === null || typeof element === 'undefined') return;",
" if (element.addEventListener) {",
" element.addEventListener(type, callback, false);",
" } else if (element.attachEvent) {",
" element.attachEvent('on' + type, callback);",
" } else {",
" element['on' + type] = callback;",
" }",
"};",
],
"description": "A legacy browser supporting event adding function. Use example: addEvent(window, 'resize', cbFunction);"
},
"Event Listener": {
"prefix": ["el", "eventlistener", "addeventlistener", "ael", "addevt"],
"body": [
"${1:document}.addEventListener('${2:<Event Type>}', (evt) => {",
" evt = evt || win.event;",
"",
" const evtSrc = evt.target;",
" ${3:// Function body}",
"",
" evt.stopPropagation();",
" evt.preventDefault();",
"}, false);$0"
],
"description": "Creates an event listener."
},
"Event Handler Function": {
"prefix": ["ehf", "evthandlerie", "handler"],
"body": [
"function ${1:eventHandler}(evt) {",
" evt = evt || event;",
"",
" var evtSrc = evt.target || evt.srcElement;",
" ${2: // Function body}",
"",
" if (typeof evt.stopPropagation === \"function\") {",
" evt.stopPropagation();",
" } else if (typeof evt.cancelBubble !== \"undefined\") {",
" evt.cancelBubble = true; // IE 8 and below",
" }",
" if (typeof evt.preventDefault === \"function\") {",
" evt.preventDefault();",
" } else if (typeof evt.returnValue !== \"undefined\") {",
" evt.returnValue = false; // IE 8 and below",
" }",
"}$0"
],
"description": "Creates an event handler, that is compliant with legacy IE, for use in an event listener."
},
"Test for IE": {
"prefix": ["isie", "ismsie", "testforie"],
"body": [
"var isIe = /*@cc_on!@*/0;",
"if (isIe) {",
" ${0://Do Something if IE",
"}"
],
"description": "Test if the user is using Microsoft Internet Explorer."
},
"Strip HTML Tags": {
"prefix": ["striphtml", "remtags"],
"body": "var ${1:varName} = ${2:originalVarName>}.replace(/(<([^>]+)>)/ig,'');$0",
"description": "Strip HTML tags from a string."
},
"Require Package": {
"prefix": "rqr",
"body": "require('${1:Package-Name}');$0",
"description": "Require a JavaScript package."
},
"Define a Class": {
"prefix": ["class"],
"body": [
"class ${1:ClassName} {",
" constructor(${2:params}) {",
" this.${3:property} = ${3}$4;$0",
" }",
"}"
],
"description": "Defines an ES6 syntactical class."
},
"Class Constructor": {
"prefix": ["clcon", "classconstructor"],
"body": [
"constructor(${1:params}) {",
" this.${2:property} = ${2}$3;$0",
"}"
],
"description": "Adds a constructor to an ES6 class."
},
"Create Method": {
"prefix": "meth",
"body": [
"${1:methodName}(${2:Params}) {",
" $0",
"}"
],
"description": "Creates a method inside an ES6 class."
},
"Create Getter": {
"prefix": ["getter", "gtr", "gttr"],
"body": [
"get ${1:propertyName}() {",
" return this.${2:property};",
"}"
],
"description": "Creates a getter method in an ES6 class."
},
"Create Setter": {
"prefix": ["setter", "str", "sttr"],
"body": [
"set ${1:propertyName}(${2:value}) {",
" ${3:SetterLogic};",
"}$0"
],
"description": "Creates a setter method in an ES6 class"
},
"For Loop": {
"prefix": ["forloop", "floop"],
"body": [
"for (let ${1:i} = 0; ${1} < ${2:loopLength}; ++${1}) {",
" ${3:// Loop body}",
"}$0"
],
"description": "Creates a standard for loop."
},
"Reverse For Loop": {
"prefix": ["revfor"],
"body": [
"for (let ${1:i} = ${2:loopLength}; ${1}--;) {",
" ${3:// Loop body}",
"}$0"
],
},
"For Each Loop": {
"prefix": ["fe", "foreach", "feach", "feachloop", "foreachloop"],
"body": [
"${1:array}.forEach((${2:el}${3:, index}) => {",
" ${4:// Function body}",
"});$0",
],
"description": "Creates a forEach loop to iterate over an array and execute a function once per array element."
},
"For Each Prototype Loop": {
"prefix": ["fep", "foreachproto", "feachproto"],
"body": [
"[].forEach.call(${1:array}, function (${2:el}${3:, index}) {",
" ${4:// Function body}",
"});$0",
],
"description": "Calls the Array prototype's forEach loop to iterate over non-array objects, like NodeLists and HTMLCollections"
},
"For... of loop ES6": {
"prefix": ["fof", "forof", "fo", "fofloop", "forofloop"],
"body": [
"for (const ${1:property} of ${2:iterableObject}) {",
" ${0:// Loop body}",
"}",
],
"description": "Creates a for... of loop to iterate over iterable objects."
},
"For... in loop ES6": {
"prefix": ["fin", "forin", "fi"],
"body": [
"for (const ${1:property} in ${2:object}) {",
" if (${2}.hasOwnProperty(${1})) {",
" const ${3:value} = ${2}[${1}];",
" ${4:// Loop body}",
" }",
"}$0",
],
"description": "Creates a for... in loop in ES6+ syntax to iterate over all non-Symbol, enumerable properties of an object."
},
"While loop": {
"prefix": ["wloop", "whileloop", "wlp"],
"body": [
"while (${1:condition}) {",
" ${2:// Loop body}",
"}$0"
],
"description": "Creates a standard while loop."
},
"Try / Catch": {
"prefix": ["trycatch", "tcatch"],
"body": [
"try {",
" ${1:// Try body}",
"} catch (${2:err}) {",
" ${3:// Catch body}",
"}$0"
],
"description": "A try / catch statement."
},
"Try / Catch / Finally": {
"prefix": ["trycatchfinally", "tcf"],
"body": [
"try {",
" ${1:// Try body}",
"} catch (${2:err}) {",
" ${3:// Catch body}",
"} finally {",
" ${4:// Finally body}",
"}"
],
"description": "A try / catch / finally statement."
},
"Arrow Function (ES6)": {
"prefix": ["arrow", "arrfn"],
"body": [
"(${1:param}) => {",
" ${2:// Function body}",
"};$0"
],
"description": "An ES6 syntax arrow function. Not supported by IE 11."
},
"Immediately Invoked Function Expression": {
"prefix": ["iife", "anfne", "exanfn"],
"body": [
"(function ${5}(${3:global}, ${4:doc}) {",
" ${0:// Function body}",
"}(${1:this}, ${2:document}));"
],
"description": "The pattern for an immediately invoked function expression."
},
"Immediately Invoked Function Expression with No Parameters": {
"prefix": ["iifenp", "iifena", "npiife"],
"body": [
"(function () {",
" ${0:// Function body}",
"}());"
],
"description": "The pattern for an immediately invoked function expression with no parameters."
},
"Immediately Invoked Function Expression ES6 Syntax": {
"prefix": ["iife6"],
"body": [
"((${3:global}, ${4:doc}) => {",
" ${0:// Function body}",
"})(${1:this}, ${2:document});"
],
"description": "The pattern for an immediately invoked function expression using ES6 arrow function syntax."
},
"Immediately Invoked Function Expression with No Parameters and ES6 Syntax": {
"prefix": ["iife6np"],
"body": [
"(() => {",
" ${0:// Function body}",
"})();"
],
"description": "The pattern for an immediately invoked function expression using ES6 arrow function syntax and no parameters."
},
"Get Random Int": {
"prefix": ["rndint", "randomint"],
"body": [
"function getRandomInt(min, max) {",
" min = Math.ceil(min);",
" return Math.floor(Math.random() * (Math.floor(max) - min + 1)) + min;",
"}"
],
"description": "A function that generates a random integer that is between two given numbers, inclusive of both."
},
"Create New Promise": {
"prefix": ["prom"],
"body": [
"return new Promise((resolve, reject) => {",
" // ${0:{Promise body}",
"});"
],
"description": "Creates a new Promise (ES6)."
},
"Promise-based Timer": {
"prefix": ["ptimer"],
"body": [
"function timer(delay) {",
" return new Promise((resolve) => {",
" setTimeout(() => resolve(), delay);",
" });",
"}"
],
"description": "Use: timer(1000).then(() => { // action after timer });"
},
"Then & Catch Declarations": {
"prefix": ["thenc", "thencatch"],
"body": [
".then((${1:result}) => {",
" ${2:// .then body}",
"}).catch((${3:err}) => {",
" ${4:// .catch body}",
"});$0"
],
"description": "Adds then and catch declarations to a Promise (ES6)."
},
"Switch Statement": {
"prefix": ["switch"],
"body": [
"switch (${1:expression}) {",
" case ${2:case-value-0}:",
" // ${8:Case 0 code block}",
" break;",
" case ${3:case-value-1}:",
" // ${9:Case 1 code block}",
" break;",
" case ${4:case-value-2}:",
" // ${10:Case 2 code block}",
" break;",
" case ${5:case-value-3}:",
" // ${11:Case 3 code block}",
" break;",
" case ${6:case-value-4}:",
" // ${12:Case 4 code block}",
" break;",
" case ${7:case-value-5}:",
" // ${13:Case 5 code block}",
" break;",
" default:",
" // ${14:Default code block}",
"}$0"
],
"description": "Creates a switch statement with 6 cases plus a default case. Switch statements have high complexity and should be avoided if possible in most cases."
},
"Sort Array Numerically": {
"prefix": ["sortnums"],
"body": [
"${1:arrayVar}.sort(function (a, b) {",
" return a - b;",
"});$0"
],
"description": "Sort an array of numbers numerically from smallest to largest."
},
"Sort Array Numerically ES6": {
"prefix": ["sortnumses6"],
"body": "${1:arrayVar}.sort((a, b) => a - b);$0",
"description": "Sort an array of numbers numerically from smallest to largest."
},
"Fire Once": {
"prefix": ["fire1", "fireonce", "run1", "runonce", "makefireonce", "makerun1", "makerunone"],
"body": [
"function fireOnce(fn, context) {",
" var result;",
"",
" return function () {",
" if (fn) {",
" result = fn.apply(context || this, arguments);",
" fn = null;",
" }",
" return result;",
" };",
"}",
"",
"// Usage",
"var onlyFireOnce = fireOnce(function () {",
" console.log('Fired!');",
"});"
],
"description": "A function that can only be fired once."
},
"Only-Unique Implementation": {
"prefix": ["makeunique", "filterduplicates", "filterdupes"],
"body": [
"${1:arrayVariable}.filter((value, index, self) =>",
" self.indexOf(value) === index",
");"
],
"description": "Implements a function that, combined with the filter method, removes duplicates from an array."
},
"Reverse Array": {
"prefix": ["revarray", "reversearray"],
"body": [
"const revArr = (arr) => {",
" for (",
" let i = arr.length,",
" breakPoint = ((i / 2)|0) - 1,",
" k = 0,",
" temp;",
" --i !== breakPoint;",
" ++k",
" ) {",
" temp = arr[i];",
" arr[i] = arr[k];",
" arr[k] = temp;",
" }",
"",
" return arr;",
"};",
],
"description": "A custom array reversal function that is almost twice as fast as the native Array.reverse() method."
},
"Queue Implementation": {
"prefix": ["makequeue"],
"body": [
"function Queue(optArray) {",
" this.items = (",
" Object.prototype.toString.call(optArray) === '[object Array]'",
" ? optArray",
" : []",
" );",
" this.length = this.items.length;",
"}",
"",
"Queue.prototype.enqueue = function (item) {",
" this.length++;",
" return this.items.push;",
"};",
"",
"Queue.prototype.dequeue = function () {",
" (this.length > 0) && (this.length--);",
" return this.items.shift();",
"};",
"",
"Queue.prototype.front = function () {",
" return (this.length === 0 ? undefined : this.items[0]);",
"};",
"",
"Queue.prototype.isEmpty = function () {",
" return this.items.length === 0;",
"};$0",
],
"description": "Implements the Queue class, which is a First In, First Out (FIFO) data structure."
},
"Stack Implementation": {
"prefix": ["makestack"],
"body": [
"function Stack(optArray) {",
" this.items = (",
" Object.prototype.toString.call(optArray) === '[object Array]'",
" ? optArray",
" : []",
" );",
" this.length = this.items.length;",
"}",
"",
"Stack.prototype.push = function (item) {",
" this.length++;",
" return this.items.push(item);",
"};",
"",
"Stack.prototype.pop = function () {",
" (this.length !== 0) && (this.length--);",
" return this.items.pop();",
"};",
"",
"Stack.prototype.top = function () {",
" return (this.length === 0 ? undefined : this.items[this.length - 1]);",
"};",
"",
"Stack.prototype.isEmpty = function () {",
" return this.items.length === 0;",
"};"
],
"description": "Implements the Stack class, which is a Last In, First Out (LIFO) data structure."
},
}
Raw
snippet-json.json
{
"Key: Value Pair": {
"prefix": ["pair", "keyval"],
"body": [
"\"${1:<Key>}\": ${2:<Value>},",
"$0"
],
"description": "Creates a key/value pair endingn in a comma and jumps to the next line"
},
}
Raw
snippet-scss.json
{
"Charset": {
"prefix": ["charset"],
"body": "@charset 'UTF-8';",
"description": "Default @charset statement."
},
"Each loop": {
"prefix": ["each"],
"body": ["@each $${1:SingleElement} in $${2:Collection} {", " $0", "}"],
"description": "An @each loop."
},
"Extend": {
"prefix": ["extend"],
"body": "@extend %${1:PlaceholderName};$0",
"description": "An @extend directive for placeholder classes."
},
"Font-Face": {
"prefix": ["face", "fface", "fntfc", "fontface", "font-face"],
"body": [
"@font-face {",
" font-family: ${1:font-name};",
" font-style: ${2:normal};",
" font-weight: ${3}00;",
" font-display: ${4:swap};",
" src: ",
" local('${1:font-name}{$5}')",
" local('${1}-${6}')",
" url(${7:../fonts}/${1:font-name}${8:suffix}.woff2) format('woff2'),",
" url(${7:../fonts}/${1:font-name}${8:suffix}.woff) format('woff'),",
" url(${7:../fonts}/${1:font-name}${8:suffix}.ttf) format('truetype');",
"}",
"$0"
],
"description": "Creates a modern @font-face declaration."
},
"If Statement": {
"prefix": "if",
"body": ["@if ($1) {", " $0", "}"],
"description": "An @if statement."
},
"If Ternary": {
"prefix": ["iftern", "ternary"],
"body": ["${$1:variable}: if($$1 $2, $3, $4);", "$0"],
"description": "An @if ternary expression."
},
"Import": {
"prefix": ["import"],
"body": "@import '$1';$0",
"description": "An @import directive for external files."
},
"Important": {
"prefix": "important",
"body": "!important;$0",
"description": "A !important line ending."
},
"@content": {
"prefix": "content",
"body": "@content;$0",
"description": "An @content declaration."
},
"Include": {
"prefix": ["include"],
"body": "@include $1($2);$0",
"description": "An @include directive for mixins."
},
"For loop": {
"prefix": ["for"],
"body": ["@for \\$i from $1 through $2 { ", " $0", "}"],
"description": "An @for loop."
},
"Mixin": {
"prefix": ["mixin"],
"body": ["@mixin ${1:MixinName}(${2:MixinArguments}) {", " $0;", "}"],
"description": "An @mixin directive."
},
"While loop": {
"prefix": ["while"],
"body": ["@while $$1 {", " $0", "}"],
"description": "An @while loop."
},
"Media Query": {
"prefix": ["media"],
"body": [
"@media ${1:only|not} ${2:screen|print|speech|all} and (${3:MediaFeature}) {",
" $4 {",
" $5",
" }$6",
"}",
"$0"
],
"description": "An @media directive."
},
"Print Query": {
"prefix": ["print"],
"body": [
"@media print {",
" ${1: // Print styles...}",
"}$0"
],
"description": "A print media query for printed styles."
},
"Page Query": {
"prefix": ["page", "pg"],
"body": [
"@page {",
" margin: ${1:page-margins};",
" ${2: // Any additional page styles...}",
"}$0"
],
"description": "A page at-rule for page specific styling."
},
"Border Radius Mixin": {
"prefix": "bradius",
"body": "@include border-radius($1);$0",
"description": "border-radius mixin with background clip."
},
"Background Clip - Padding Box": {
"prefix": "bclip",
"body": "background-clip: padding-box;$0",
"description": "background-clip property with padding box value."
},
"Box Sizing - Border Box": {
"prefix": ["bsize", "bbox"],
"body": "box-sizing: ${1:border-box};$0",
"description": "Box-sizing property with border-box value."
},
"Display Grid": {
"prefix": "dg",
"body": "display: grid;$0",
"description": "Display property with a value of grid."
},
"Display Inline Grid": {
"prefix": "dig",
"body": "display: inline-grid;$0",
"description": "Display property with a value of inline-grid."
},
"Grid Template": {
"prefix": "gt",
"body": "grid-template: $0;",
"description": "Shorthand property for defining grid-template-columns, grid-template-rows, and grid-template-areas."
},
"Grid Template Rows": {
"prefix": "gtr",
"body": "grid-template-rows: $0;",
"description": "Defines the line names and track sizing functions of the grid rows."
},
"Grid Template Columns": {
"prefix": "gtc",
"body": "grid-template-columns: $0;",
"description": "Defines the line names and track sizing functions of the grid columns."
},
"Grid Template Areas": {
"prefix": "gta",
"body": "grid-template-areas: $0;",
"description": "Specifies named grid areas."
},
"Grid Gap": {
"prefix": "gg",
"body": "grid-gap: $0;",
"description": "Shorthand for grid-row-gap and grid-column-gap, setting the gaps (gutters) between rows and columns."
},
"Grid Row Gap": {
"prefix": ["grg", "grp"],
"body": "grid-row-gap: $0;",
"description": "Sets the size of the gap (gutter) between an element's rows."
},
"Grid Column Gap": {
"prefix": ["gcg", "gcp"],
"body": "grid-column-gap: $0;",
"description": "Sets the size of the gap (gutter) between an element's columns."
},
"Grid Row": {
"prefix": "gr",
"body": "grid-row: $0;",
"description": "Shorthand property for grid-row-start and grid-row-end, specifying a grid item’s size and location within the grid row."
},
"Grid Row Start": {
"prefix": "grs",
"body": "grid-row-start: $0;",
"description": "Specifies a grid item’s start position within the grid row."
},
"Grid Row End": {
"prefix": "gre",
"body": "grid-row-end: $0;",
"description": "Specifies a grid item’s end position within the grid row."
},
"Grid Column": {
"prefix": "gc",
"body": "grid-column: $0;",
"description": "Shorthand property for grid-column-start and grid-column-end, specifying a grid item’s size and location within the grid column."
},
"Grid Column Start": {
"prefix": "gcs",
"body": "grid-column-start: $0;",
"description": "Specifies a grid item’s start position within the grid column."
},
"Grid Column End": {
"prefix": "gce",
"body": "grid-column-end: $0;",
"description": "Specifies a grid item’s end position within the grid column."
},
"Grid Area": {
"prefix": "ga",
"body": "grid-area: $0;",
"description": "A shorthand property for grid-row-start, grid-column-start, grid-row-end, and grid-column-end."
},
"Grid Auto Flow": {
"prefix": "gaf",
"body": "grid-auto-flow: $0;",
"description": "Specifies exactly how auto-placed items get flowed into the grid."
},
"Grid Auto Rows": {
"prefix": "gar",
"body": "grid-auto-rows: $0;",
"description": "Specifies the size of an implicitly-created grid row track."
},
"Grid Auto Columns": {
"prefix": "gac",
"body": "grid-auto-columns: $0;",
"description": "Specifies the size of an implicitly-created grid column track."
},
"Text Align": {
"prefix": ["ta"],
"body": "text-align: center;$0",
"description": "Adds the text-align property with a value of center."
},
"Background Shorthand": {
"prefix": ["bg", "background", "bground"],
"body": "background: url(${1:image}) ${2:position} ${3:/ size} ${4:repeat} ${5:attachment} ${6:origin and clip} $${7:color};$0"
},
"Background Color": {
"prefix": ["bckgrndcol", "background-color", "bgc", "bgcol", "bg-color"],
"body": "background-color: \\$${1:color-variable};$0",
"description": "Declares the background-color property."
},
"Font Shorthand": {
"prefix": ["font", "fnt", "ft"],
"body": "font: ${1:style: normal|italic|oblique} ${2:variant} ${3:weight} ${4:stretch} ${5:size}/${6:ln-height} $${7:family};$0",
"description": "The font CSS property is a shorthand for font-style, font-variant, font-weight, font-stretch, font-size, line-height, and font-family. Alternatively, it sets an element's font to a system font or inherited font."
},
"Font Family": {
"prefix": ["ff", "ffam", "fontfam", "font-fam"],
"body": "font-family: $${1:font-variable};$0",
"description": "Declares the font-family property."
},
"Animation Shorthand": {
"prefix": ["anim", "anm"],
"body": "animation: ${1:name} ${2:duration} ${3:timing-func} ${4:delay} ${5:direction} ${6:iterations} ${7:fill-mode};$0",
"description": "The animation shorthand property."
},
"Border": {
"prefix": ["border"],
"body": "border: ${1:1}px solid \\$${2:black};",
"description": "Declares a generic solid border."
},
"Color": {
"prefix": ["color", "clr"],
"body": "color: \\$${1:color-variable};",
"description": "Declares the color property."
},
"Margin": {
"prefix": ["mar"],
"body": "margin: ${1:margin values}",
"description": "Declares a blank margin shorthand property."
},
"Auto Margin": {
"prefix": ["mauto", "autmar", "mcenter"],
"body": "margin: 0 auto;$0",
"description": "Applies the margin: 0 auto; property/value pair."
},
"Lorem Picsum": {
"prefix": "picsum",
"body": "https://picsum.photos/${1:width}/${2:height}",
"description": "The URL for a random filler image of given size."
},
"Placeholder Filler Image": {
"prefix": ["placeholder", "filler"],
"body": "https://via.placeholder.com/${1:width}x${2:height}",
"description": "The URL for a blank placeholder image."
},
"Hover State Selector": {
"prefix": ["hover", "hvr"],
"body": [
"&:hover {",
" $1;",
"}$0"
],
"description": "Adds a hover state selector to an existing selector."
},
"Focus State Selector": {
"prefix": ["focus"],
"body": [
"&:focus {",
" $1;",
"}$0"
],
"description": "Adds a focus state selector to an existing selector."
},
"Focus and Hover State Combo Selectors": {
"prefix": ["fcshvr", "fochov", "fchv", "hvfc", "hovfoc"],
"body": [
"&:focus,",
"&:hover {",
" $1;",
"}$0"
],
"description": "Combines hover and focus state selectors and adds them to an existing selector."
},
"Active State": {
"prefix": ["active", "act"],
"body": [
"&:active {",
" $1;",
"}$0"
],
"description": "Adds an active state selector to an existing selector."
},
"Before Psuedo-Element": {
"prefix": ["before", "bef"],
"body": [
"&:before {",
" $1;",
"}$0"
],
"description": "Adds a selector for the ::before psuedo-element."
},
"After Psuedo-Element": {
"prefix": ["after", "aft"],
"body": [
"&:after {",
" $1;",
"}$0"
],
"description": "Adds a selector for the ::after psuedo-element."
},
"Before and After Combo Psuedo-Element Selectors": {
"prefix": ["befaft", "beforeafter", "ba"],
"body": [
"&:before,",
"&:after {",
" $1;",
"}$0"
],
"description": "Adds selectors for the ::before and ::after psuedo-elements."
},
"Highlight Layout": {
"prefix": ["hilt", "lohilt", "highlightlayout"],
"body": [
"* { background-color: rgba(255, 0, 0, .2); }",
"* * { background-color: rgba(0, 255, 0, .2); }",
"* * * { background-color: rgba(0, 0, 255, .2); }",
"* * * * { background-color: rgba(255, 0, 255, .2); }",
"* * * * * { background-color: rgba(0, 255, 255, .2); }",
"* * * * * * { background-color: rgba(255, 255, 0, .2); }",
"* * * * * * * { background-color: rgba(255, 0, 0, .2); }",
"* * * * * * * * { background-color: rgba(0, 255, 0, .2); }",
"* * * * * * * * * { background-color: rgba(0, 0, 255, .2); }",
],
"description": "Use this to help in testing and debugging your layout. Gives you a visual aid to see the true size of all elements."
},
"Ampersand CSS Code": {
"prefix": ["amp"],
"body": "'\\\\0026';$0",
"description": "The ampersand CSS character hex code."
},
"Trademark CSS Code": {
"prefix": ["tmc", "tradem"],
"body": "'\\\\2122';$0",
"description": "The trademark symbol CSS character hex code."
},
"Registered CSS Code": {
"prefix": ["regis"],
"body": "'\\\\00AE';$0",
"description": "The registered trademark CSS character hex code."
},
"Copyright CSS Code": {
"prefix": ["crc", "copy"],
"body": "'\\\\00A9';$0",
"description": "The copyright symbol CSS character hex code."
},
"Dollar Sign CSS Code": {
"prefix": ["dlr", "dollar", "dlrsgn"],
"body": "'\\\\0024';$0",
"description": "The dollar sign CSS character hex code."
},
"Euro Entity Code": {
"prefix": ["euro"],
"body": "'\\\\20AC';$0",
"description": "The Euro symbol CSS character hex code."
},
"Pound Currency CSS Code": {
"prefix": ["pound", "gbp"],
"body": "'\\\\00A3';$0",
"description": "The British Pound currency symbol CSS character hex code."
},
"Open Quote CSS Hex Code": {
"prefix": ["oq", "openquote"],
"body": "'\\\\201C';$0",
"description": "The W3C recommended way to present an open quote, using a CSS character hex code."
},
"Closing Quote CSS Hex Code": {
"prefix": ["cq", "closequote"],
"body": "'\\\\201D';$0",
"description": "The W3C recommended way to present a closing quote, a using CSS character hex code."
},
"Apostrophe CSS Hex Code": {
"prefix": ["apostrophe"],
"body": "'\\\\2019';$0",
"description": "The W3C recommended way to present an apostrophe, CSS character hex code."
},
"En Dash CSS Hex Code": {
"prefix": ["ndash"],
"body": "'\\\\2013';$0",
"description": "The W3C recommended way to present an en dash, using a CSS character hex code. The en dash is used for ranges (ex: 13-15 November)."
},
"Em Dash / Hyphen CSS Hex Code": {
"prefix": ["mdash", "hyphen"],
"body": "'\\\\2014';$0",
"description": "The W3C recommended way to present an em dash or hyphen, using a CSS character hex code. The em dash is used for changes of thought."
},
"Ellipsis CSS Hex Code": {
"prefix": ["ellipsis"],
"body": "'\\\\2026';$0",
"description": "The W3C recommended way to present an ellipsis, using a CSS character hex code."
},
"Vertical Bar CSS Hex Code": {
"prefix": ["vertb", "vrtbr"],
"body": "'\\\\203A';$0",
"description": "The vertical bar symbol's CSS hex code: |"
},
"Right Arrow Entity Number": {
"prefix": ["rarr"],
"body": "'\\\\2192';$0",
"description": "The right arrow symbol's CSS hex code: →"
},
"Left Arrow Entity Number": {
"prefix": ["larr"],
"body": "'\\\\2190';$0",
"description": "The left arrow symbol's CSS hex code: ←"
},
"Up Arrow Entity Number": {
"prefix": ["uarr"],
"body": "'\\\\2191';$0",
"description": "The up arrow symbol's CSS hex code: ↑"
},
"Down Arrow Entity Number": {
"prefix": ["darr"],
"body": "'\\\\2193';$0",
"description": "The down arrow symbol's CSS hex code: ↓"
},
"Horizontal (Left/Right) Arrow Entity Number": {
"prefix": ["harr"],
"body": "'\\\\2194';$0",
"description": "The left/right horizontal arrow symbol's CSS hex code: ↓"
},
"Heart Entity Number": {
"prefix": ["hrt", "hearts"],
"body": "'\\\\2665';$0",
"description": "The heart symbol's CSS hex code: ♥"
},
"Spade Entity Number": {
"prefix": ["spadesym", "spades"],
"body": "'\\\\2660';$0",
"description": "The spade symbol's CSS hex code: ♠"
},
"Clubs Entity Number": {
"prefix": ["clubs"],
"body": "'\\\\2663';$0",
"description": "The clubs symbol's CSS hex code: ♣"
},
"Diamond Entity Number": {
"prefix": ["dmd", "diamond"],
"body": "'\\\\2666';$0",
"description": "The diamond symbol's CSS hex code: ♦"
},
"Lozenge/Clear Diamond Entity Number": {
"prefix": ["loz", "clrdia", "clrdmnd"],
"body": "'\\\\25CA';$0",
"description": "The lozenge/clear diamond symbol's CSS hex code: ◊"
},
"Single Right Angle Quotation Mark Entity Number": {
"prefix": ["raqm", "rangquo"],
"body": "'\\\\203A';$0",
"description": "A right pointing, european style, angled 'quote' mark: ›"
},
"Single Left Angle Quotation Mark Entity Number": {
"prefix": ["laqm"],
"body": "'\\\\2039';$0",
"description": "A left pointing, european style, angled 'quote' mark: ‹"
},
"Double Right Angle Quotation Mark Entity Number": {
"prefix": ["draqm"],
"body": "'\\\\00BB';$0",
"description": "A doubled, right pointing, european style, angled 'quote' mark: »"
},
"Double Left Angle Quotation Mark Entity Number": {
"prefix": ["dlaqm"],
"body": "'\\\\00AB';$0",
"description": "A doubled, left pointing, european style, angled 'quote' mark: «"
},
"Infinity Entity Number": {
"prefix": ["infinity"],
"body": "'\\\\221E';$0",
"description": "The infinity symbol's CSS hex code."
},
"One-Half Fraction Entity Number": {
"prefix": ["frac12", "hfrac", "halffrac"],
"body": "'\\\\00BD';$0",
"description": "A one-half fraction symbol's CSS hex code: ½",
},
"Inverted Exclamation Mark Entity Number": {
"prefix": ["inv!", "invexc", "iexcl"],
"body": "'\\\\00A1';$0",
"description": "The inverted exclamation mark symbol's CSS hex code."
},
"Inverted Question Mark Entity Number": {
"prefix": ["iquest", "inv?", "invquest"],
"body": "'\\\\00BF';$0",
"description": "The inverted question mark symbol's CSS hex code."
},
"Music Note Entity Number": {
"prefix": ["music", "mnote"],
"body": "'\\\\010A';$0",
"description": "The musical note symbol's CSS hex code."
},
"Alarm Clock Entity Number": {
"prefix": ["alarmclock"],
"body": "'\\\\23f0';$0",
"description": "Alarm clock symbol's CSS hex code: ⏰"
},
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment