Visual Studio Code Settings Sync Gist

cloudSettings

{"lastUpload":"2019-07-29T14:33:26.139Z","extensionVersion":"v3.4.1"}

extensions.json

[
  {
    "metadata": {
      "id": "f583eafd-aa0d-4ccb-8f44-d1e610389660",
      "publisherId": "CoenraadS.bracket-pair-colorizer",
      "publisherDisplayName": "CoenraadS"
    },
    "name": "bracket-pair-colorizer",
    "publisher": "CoenraadS",
    "version": "1.0.61"
  },
  {
    "metadata": {
      "id": "e337c67b-55c2-4fef-8949-eb260e7fb7fd",
      "publisherId": "Shan.code-settings-sync",
      "publisherDisplayName": "Shan"
    },
    "name": "code-settings-sync",
    "publisher": "Shan",
    "version": "3.4.1"
  },
  {
    "metadata": {
      "id": "0f8bd812-5d52-4fff-bd1c-6b0a7ee9cad9",
      "publisherId": "bierner.color-info",
      "publisherDisplayName": "bierner"
    },
    "name": "color-info",
    "publisher": "bierner",
    "version": "0.5.1"
  },
  {
    "metadata": {
      "id": "1ec62ca5-d7f9-4ddb-a882-e8d018c0aefd",
      "publisherId": "msjsdiag.debugger-for-chrome",
      "publisherDisplayName": "msjsdiag"
    },
    "name": "debugger-for-chrome",
    "publisher": "msjsdiag",
    "version": "4.11.6"
  },
  {
    "metadata": {
      "id": "4de763bd-505d-4978-9575-2b7696ecf94e",
      "publisherId": "eamodio.gitlens",
      "publisherDisplayName": "eamodio"
    },
    "name": "gitlens",
    "publisher": "eamodio",
    "version": "9.9.1"
  },
  {
    "metadata": {
      "id": "d93eda3f-7548-47dd-86ab-3f87e8fe6cf0",
      "publisherId": "iliashaddad.habitscript",
      "publisherDisplayName": "iliashaddad"
    },
    "name": "habitscript",
    "publisher": "iliashaddad",
    "version": "1.0.46"
  },
  {
    "metadata": {
      "id": "7b71fc1b-190d-4f7d-95d1-93e422649b0a",
      "publisherId": "Zignd.html-css-class-completion",
      "publisherDisplayName": "Zignd"
    },
    "name": "html-css-class-completion",
    "publisher": "Zignd",
    "version": "1.19.0"
  },
  {
    "metadata": {
      "id": "dff6b801-247e-40e9-82e8-8c9b1d19d1b8",
      "publisherId": "christian-kohler.npm-intellisense",
      "publisherDisplayName": "christian-kohler"
    },
    "name": "npm-intellisense",
    "publisher": "christian-kohler",
    "version": "1.3.0"
  },
  {
    "metadata": {
      "id": "a41c1549-4053-44d4-bf30-60fc809b4a86",
      "publisherId": "christian-kohler.path-intellisense",
      "publisherDisplayName": "christian-kohler"
    },
    "name": "path-intellisense",
    "publisher": "christian-kohler",
    "version": "1.4.2"
  },
  {
    "metadata": {
      "id": "96fa4707-6983-4489-b7c5-d5ffdfdcce90",
      "publisherId": "esbenp.prettier-vscode",
      "publisherDisplayName": "esbenp"
    },
    "name": "prettier-vscode",
    "publisher": "esbenp",
    "version": "1.9.0"
  },
  {
    "metadata": {
      "id": "431aa1a8-74f4-43d5-a83b-f4960510da5f",
      "publisherId": "ahmadawais.shades-of-purple",
      "publisherDisplayName": "ahmadawais"
    },
    "name": "shades-of-purple",
    "publisher": "ahmadawais",
    "version": "5.13.0"
  },
  {
    "metadata": {
      "id": "f8b5562e-a2d9-49ab-9f91-e7da91998a92",
      "publisherId": "shinnn.stylelint",
      "publisherDisplayName": "shinnn"
    },
    "name": "stylelint",
    "publisher": "shinnn",
    "version": "0.51.0"
  },
  {
    "metadata": {
      "id": "b01c7350-d960-41d1-b635-e5f4ab3af0c0",
      "publisherId": "macieklad.tailwind-sass-syntax",
      "publisherDisplayName": "macieklad"
    },
    "name": "tailwind-sass-syntax",
    "publisher": "macieklad",
    "version": "1.1.1"
  },
  {
    "metadata": {
      "id": "2f5dd8cb-d251-4d70-abfe-ddebcb077483",
      "publisherId": "octref.vetur",
      "publisherDisplayName": "octref"
    },
    "name": "vetur",
    "publisher": "octref",
    "version": "0.21.1"
  },
  {
    "metadata": {
      "id": "d7b592dd-41c9-4f2b-acf3-055ae65e55c6",
      "publisherId": "dzannotti.vscode-babel-coloring",
      "publisherDisplayName": "dzannotti"
    },
    "name": "vscode-babel-coloring",
    "publisher": "dzannotti",
    "version": "0.0.4"
  },
  {
    "metadata": {
      "id": "583b2b34-2c1e-4634-8c0b-0b82e283ea3a",
      "publisherId": "dbaeumer.vscode-eslint",
      "publisherDisplayName": "dbaeumer"
    },
    "name": "vscode-eslint",
    "publisher": "dbaeumer",
    "version": "1.9.0"
  },
  {
    "metadata": {
      "id": "3851b234-107a-4b82-a50d-0414e166220d",
      "publisherId": "MS-CEINTL.vscode-language-pack-fr",
      "publisherDisplayName": "MS-CEINTL"
    },
    "name": "vscode-language-pack-fr",
    "publisher": "MS-CEINTL",
    "version": "1.37.0"
  },
  {
    "metadata": {
      "id": "ae9e3eb0-3357-4cc0-90ee-598d2d384757",
      "publisherId": "eg2.vscode-npm-script",
      "publisherDisplayName": "eg2"
    },
    "name": "vscode-npm-script",
    "publisher": "eg2",
    "version": "0.3.8"
  },
  {
    "metadata": {
      "id": "beb68b20-7c55-471c-9b63-3486f9423566",
      "publisherId": "mrmlnc.vscode-scss",
      "publisherDisplayName": "mrmlnc"
    },
    "name": "vscode-scss",
    "publisher": "mrmlnc",
    "version": "0.6.2"
  },
  {
    "metadata": {
      "id": "4db62a7c-7d70-419c-96d2-6c3a4dc77ea5",
      "publisherId": "bradlc.vscode-tailwindcss",
      "publisherDisplayName": "bradlc"
    },
    "name": "vscode-tailwindcss",
    "publisher": "bradlc",
    "version": "0.2.0"
  },
  {
    "metadata": {
      "id": "c8d95916-cf54-455f-b324-cbd887b7d3a8",
      "publisherId": "sdras.vue-vscode-snippets",
      "publisherDisplayName": "sdras"
    },
    "name": "vue-vscode-snippets",
    "publisher": "sdras",
    "version": "1.7.1"
  }
]

keybindings.json

// Empty

keybindingsMac.json

// Placez vos combinaisons de touches dans ce fichier pour remplacer les valeurs par défaut
[
  {
    "key": "shift+cmd+g",
    "command": "workbench.view.debug"
  },
  {
    "key": "shift+cmd+d",
    "command": "-workbench.view.debug"
  },
  {
    "key": "cmd+d",
    "command": "editor.action.addSelectionToNextFindMatch",
    "when": "editorFocus"
  },
  {
    "key": "cmd+d",
    "command": "-editor.action.addSelectionToNextFindMatch",
    "when": "editorFocus"
  },
  {
    "key": "shift+cmd+d",
    "command": "editor.action.copyLinesDownAction",
    "when": "editorTextFocus && !editorReadonly"
  },
  {
    "key": "shift+alt+down",
    "command": "-editor.action.copyLinesDownAction",
    "when": "editorTextFocus && !editorReadonly"
  },
  {
    "key": "cmd+;",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus",
    "args": {
      "langId": "vue-html",
      "name": "Block comment"
    }
  },
  {
    "key": "cmd+r cmd+e",
    "command": "editor.action.peekDefinition",
    "when": "editorHasDefinitionProvider && editorTextFocus && !inReferenceSearchEditor && !isInEmbeddedEditor"
  },
  {
    "key": "alt+f12",
    "command": "-editor.action.peekDefinition",
    "when": "editorHasDefinitionProvider && editorTextFocus && !inReferenceSearchEditor && !isInEmbeddedEditor"
  },
  {
    "key": "cmd+[BracketRight]",
    "command": "editor.action.peekImplementation",
    "when": "editorHasImplementationProvider && editorTextFocus && !isInEmbeddedEditor"
  },
  {
    "key": "shift+cmd+f12",
    "command": "-editor.action.peekImplementation",
    "when": "editorHasImplementationProvider && editorTextFocus && !isInEmbeddedEditor"
  }
]

settings.json

{
  "editor.tabSize": 2,
  "emmet.triggerExpansionOnTab": true,
  "editor.fontFamily": "Operator Mono, Menlo, Monaco, 'Courier New', monospace",
  "editor.fontLigatures": true,
  "editor.lineHeight": 23,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "vue",
      "autoFix": true
    }
  ],
  "eslint.autoFixOnSave": true,
  "editor.letterSpacing": 0.5,
  "files.trimTrailingWhitespace": true,
  "editor.fontWeight": "400",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "force-aligned"
    }
  },
  "editor.renderWhitespace": "all",
  "eslint.run": "onSave",
  "editor.formatOnType": false,
  "editor.formatOnSave": false,
  "javascript.preferences.quoteStyle": "single",
  "editor.wrappingIndent": "deepIndent",
  "vetur.format.defaultFormatter.css": "prettier",
  "window.zoomLevel": 0,
  "scss.lint.propertyIgnoredDueToDisplay": "warning",
  "scss.lint.universalSelector": "warning",
  "scss.lint.unknownProperties": "warning",
  "scss.lint.zeroUnits": "warning",
  "css.lint.duplicateProperties": "error",
  "editor.formatOnPaste": false,
  "terminal.integrated.shell.osx": "/bin/zsh",
  "bracketPairColorizer.forceIterationColorCycle": true,
  "editor.snippetSuggestions": "top",
  "workbench.fontAliasing": "auto",
  "editor.fontSize": 15,
  "workbench.colorTheme": "Shades of Purple",
  "vetur.validation.style": false,
  "scss.validate": false,
  "explorer.confirmDragAndDrop": false,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "editor.cursorWidth": 3,
  "editor.cursorBlinking": "solid",
  "terminal.integrated.macOptionIsMeta": true,
  "terminal.integrated.fontFamily": "'Operator Mono', 'Inconsolata for Powerline', monospace",
  "diffEditor.renderSideBySide": true,
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  "html.format.wrapAttributes": "force-aligned",
  "html.format.indentHandlebars": true,
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "sync.gist": "cc354bccfed31b690ffe10a790df8b31",
  "vetur.format.defaultFormatter.js": "prettier-eslint",
  "html.format.wrapLineLength": 150,
  "eslint.alwaysShowStatus": true,
  "gitlens.views.repositories.files.layout": "tree"
}

snippets|javascript.json

{
  "Little comment": {
    "prefix": "/*",
    "body": "/* * * * \n* $1 \n* * * */",
    "description": ""
  },
  "Console log": {
    "prefix": "cl",
    "body": "console.log('$1')",
    "description": ""
  },
  "Click event": {
    "prefix": ".click",
    "body": ".addEventListener('click', function() {\n  $1 \n});",
    "description": ""
  },
  "data": {
    "prefix": "data",
    "body": [ "data () {", "\treturn {", "\t\t${var}", "\t}", "}" ]
  },
  "methods": {
    "prefix": "methods",
    "body": [ "methods: {", "\t${method}: function () {", "\t\t", "\t}", "}" ]
  },
  "computed": {
    "prefix": "computed",
    "body": [ "computed: {", "\t${method}: function () {", "\t\t", "\t}", "}" ]
  },
  "setTimeout": {
    "prefix": "st",
    "body": "setTimeout(() => {\n\t${0}\n}, ${1:delay})"
  },
  "setInterval": {
    "prefix": "si",
    "body": "setInterval(() => {\n\t${0}\n}, ${1:delay})"
  },
  "setImmediate": {
    "prefix": "sim",
    "body": "setImmediate(() => {\n\t${0}\n})"
  },
  "await": {
    "prefix": "a",
    "body": "await ${0}"
  },
  "await Promise.all": {
    "prefix": "apa",
    "body": "await Promise.all(${1:value})"
  },
  "await Promise.all map": {
    "prefix": "apm",
    "body": "await Promise.all(${1:array}.map((${2:value}) => {\n\t${0}\n}))"
  },
  "Node callback": {
    "prefix": "cb",
    "body": "function (err, ${1:value}) {\n\tif (err) throw err\n\t${0}\n}"
  },
  "process.env": {
    "prefix": "pe",
    "body": "process.env"
  },
  "Promise.all": {
    "prefix": "pa",
    "body": "Promise.all(${1:value})"
  },
  "Promise.resolve": {
    "prefix": "prs",
    "body": "Promise.resolve(${1:value})"
  },
  "Promise.reject": {
    "prefix": "prj",
    "body": "Promise.reject(${1:value})"
  },
  "Promise": {
    "prefix": "p",
    "body": "Promise"
  },
  "new Promise": {
    "prefix": "np",
    "body": "new Promise((resolve, reject) => {\n\t${0}\n})"
  },
  "Promise.then": {
    "prefix": "pt",
    "body": "${1:promise}.then((${2:value}) => {\n\t${0}\n})"
  },
  "Promise.catch": {
    "prefix": "pc",
    "body": "${1:promise}.catch(error => {\n\t${0}\n})"
  },
  "describe": {
    "prefix": "desc",
    "body": "describe('${1:description}', function () {\n\t${0}\n})"
  },
  "it asynchronous": {
    "prefix": "it",
    "body": "it('${1:description}', async () => {\n\t${0}\n})"
  },
  "it callback": {
    "prefix": "itd",
    "body": "it('${1:description}', (done) => {\n\t${0}\n})"
  },
  "it synchronous": {
    "prefix": "its",
    "body": "it('${1:description}', () => {\n\t${0}\n})"
  },
  "before": {
    "prefix": "bf",
    "body": "before(function () {\n\t${0}\n})"
  },
  "beforeEach": {
    "prefix": "bfe",
    "body": "beforeEach(function () {\n\t${0}\n})"
  },
  "after": {
    "prefix": "aft",
    "body": "after(function () {\n\t${0}\n})"
  },
  "afterEach": {
    "prefix": "afe",
    "body": "afterEach(function () {\n\t${0}\n})"
  },
  "require": {
    "prefix": "rq",
    "body": "require('${1:module}')"
  },
  "const module = require('module')": {
    "prefix": "cr",
    "body": "const ${1:module} = require('${1:module}')"
  },
  "exports.member": {
    "prefix": "em",
    "body": "exports.${1:member} = ${2:value}"
  },
  "module.exports": {
    "prefix": "me",
    "body": "module.exports = ${1:name}"
  },
  "module as class": {
    "prefix": "mec",
    "body": "class ${1:name} {\n\tconstructor (${2:arguments}) {\n\t\t${0}\n\t}\n}\n\nmodule.exports = ${1:name}\n"
  },
  "event handler": {
    "prefix": "on",
    "body": "${1:emitter}.on('${2:event}', (${3:arguments}) => {\n\t${0}\n})"
  },
  "dom event cancel default and propagation": {
    "prefix": "evc",
    "body": "ev.preventDefault()\nev.stopPropagation()\nreturn false"
  },
  "addEventListener": {
    "prefix": "ae",
    "body": "${1:document}.addEventListener('${2:event}', ${3:ev} => {\n\t${0}\n})"
  },
  "removeEventListener": {
    "prefix": "rel",
    "body": "${1:document}.removeEventListener('${2:event}', ${3:listener})"
  },
  "getElementById": {
    "prefix": "gi",
    "body": "${1:document}.getElementById('${2:id}')"
  },
  "getElementsByClassName": {
    "prefix": "gc",
    "body": "Array.from(${1:document}.getElementsByClassName('${2:class}'))"
  },
  "getElementsByTagName": {
    "prefix": "gt",
    "body": "Array.from(${1:document}.getElementsByTagName('${2:tag}'))"
  },
  "querySelector": {
    "prefix": "qs",
    "body": "${1:document}.querySelector('${2:selector}')"
  },
  "querySelectorAll": {
    "prefix": "qsa",
    "body": "Array.from(${1:document}.querySelectorAll('${2:selector}'))"
  },
  "createDocumentFragment": {
    "prefix": "cdf",
    "body": "${1:document}.createDocumentFragment(${2:elem})"
  },
  "createElement": {
    "prefix": "cel",
    "body": "${1:document}.createElement(${2:elem})"
  },
  "classList.add": {
    "prefix": "cla",
    "body": "${1:el}.classList.add('${2:class}')"
  },
  "classList.remove": {
    "prefix": "clr",
    "body": "${1:el}.classList.remove('${2:class}')"
  },
  "classList.toggle": {
    "prefix": "ct",
    "body": "${1:el}.classList.toggle('${2:class}')"
  },
  "getAttribute": {
    "prefix": "ga",
    "body": "${1:el}.getAttribute('${2:attr}')"
  },
  "removeAttribute": {
    "prefix": "ra",
    "body": "${1:el}.removeAttribute('${2:attr}')"
  },
  "setAttribute": {
    "prefix": "sa",
    "body": "${1:el}.setAttribute('${2:attr}', ${3:value})"
  },
  "appendChild": {
    "prefix": "ac",
    "body": "${1:el}.appendChild(${2:elem})"
  },
  "removeChild": {
    "prefix": "rc",
    "body": "${1:el}.removeChild(${2:elem})"
  },
  "forEach loop": {
    "prefix": "fe",
    "body": "${1:iterable}.forEach((${2:item}) => {\n\t${0}\n})"
  },
  "map": {
    "prefix": "map",
    "body": "${1:iterable}.map((${2:item}) => {\n\t${0}\n})"
  },
  "reduce": {
    "prefix": "reduce",
    "body": "${1:iterable}.reduce((${2:previous}, ${3:current}) => {\n\t${0}\n}${4:, initial})"
  },
  "filter": {
    "prefix": "filter",
    "body": "${1:iterable}.filter((${2:item}) => {\n\t${0}\n})"
  },
  "find": {
    "prefix": "find",
    "body": "${1:iterable}.find((${2:item}) => {\n\t${0}\n})"
  },
  "every": {
    "prefix": "every",
    "body": "${1:iterable}.every((${2:item}) => {\n\t${0}\n})"
  },
  "some": {
    "prefix": "some",
    "body": "${1:iterable}.some((${2:item}) => {\n\t${0}\n})"
  },
  "var statement": {
    "prefix": "v",
    "body": "var ${1:name}"
  },
  "var assignment": {
    "prefix": "va",
    "body": "var ${1:name} = ${2:value}"
  },
  "let statement": {
    "prefix": "l",
    "body": "let ${1:name}"
  },
  "const statement": {
    "prefix": "c",
    "body": "const ${1:name}"
  },
  "const statement from destructuring": {
    "prefix": "cd",
    "body": [
      "const {${1:name}} = ${2:value}",
      "$0"
    ]
  },
  "const assignment awaited": {
    "prefix": "ca",
    "body": "const ${1:name} = await ${2:value}"
  },
  "let assignment awaited": {
    "prefix": "la",
    "body": "let ${1:name} = await ${2:value}"
  },
  "const assignment yielded": {
    "prefix": "cy",
    "body": "const ${1:name} = yield ${2:value}"
  },
  "let assignment yielded": {
    "prefix": "ly",
    "body": "let ${1:name} = yield ${2:value}"
  },
  "const object": {
    "prefix": "co",
    "body": "const ${1:name} = {\n\t${0}\n}"
  },
  "const array": {
    "prefix": "car",
    "body": "const ${1:name} = [\n\t${0}\n]"
  },
  "class": {
    "prefix": "cs",
    "body": "class ${1:name} {\n\tconstructor (${2:arguments}) {\n\t\t${0}\n\t}\n}"
  },
  "class extends": {
    "prefix": "csx",
    "body": "class ${1:name} extends ${2:base} {\n\tconstructor (${3:arguments}) {\n\t\tsuper(${3:arguments})\n\t\t${0}\n\t}\n}"
  },
  "module export": {
    "prefix": "e",
    "body": "export ${1:member}"
  },
  "module export const": {
    "prefix": "ec",
    "body": "export const ${1:member} = ${2:value}"
  },
  "module default export": {
    "prefix": "ed",
    "body": "export default ${1:member}"
  },
  "module default export function": {
    "prefix": "edf",
    "body": "export default function ${1:name} (${2:arguments}) {\n\t${0}\n}"
  },
  "import module": {
    "prefix": "im",
    "body": "import ${1:*} from '${2:module}'"
  },
  "import module as": {
    "prefix": "ia",
    "body": "import ${1:*} as ${2:name} from '${3:module}'"
  },
  "import module destructured": {
    "prefix": "id",
    "body": "import {$1} from '${2:module}'"
  },
  "typeof": {
    "prefix": "t",
    "body": "typeof ${1:source} === '${2:undefined}'"
  },
  "instanceof": {
    "prefix": "iof",
    "body": "${1:source} instanceof ${2:Object}"
  },
  "Array.isArray()": {
    "prefix": "ia",
    "body": "Array.isArray(${1:source})"
  },
  "let and if statement": {
    "prefix": "lif",
    "body": "let ${0} \n if (${2:condition}) {\n\t${1}\n}"
  },
  "if statement": {
    "prefix": "i",
    "body": "if (${1:condition}) {\n\t${0}\n}"
  },
  "else statement": {
    "prefix": "el",
    "body": "else {\n\t${0}\n}"
  },
  "if/else statement": {
    "prefix": "ife",
    "body": "if (${1:condition}) {\n\t${0}\n} else {\n\t\n}"
  },
  "else if statement": {
    "prefix": "ei",
    "body": "else if (${1:condition}) {\n\t${0}\n}"
  },
  "for loop": {
    "prefix": "fl",
    "body": "for (let ${1:i} = 0, ${2:len} = ${3:iterable}.length; ${1:i} < ${2:len}; ${1:i}++) {\n\t${0}\n}"
  },
  "for in loop": {
    "prefix": "fi",
    "body": "for (let ${1:key} in ${2:source}) {\n\tif (${2:source}.hasOwnProperty(${1:key})) {\n\t\t${0}\n\t}\n}"
  },
  "for of loop": {
    "prefix": "fo",
    "body": "for (let ${1:key} of ${2:source}) {\n\t${0}\n}"
  },
  "while iteration decrementing": {
    "prefix": "wid",
    "body": "let ${1:array}Index = ${1:array}.length\nwhile (${1:array}Index--) {\n\t${0}\n}"
  },
  "while loop": {
    "prefix": "wl",
    "body": "while (${1:condition}) {\n\t${0}\n}"
  },
  "throw new Error": {
    "prefix": "tn",
    "body": "throw new ${0:error}"
  },
  "try/catch": {
    "prefix": "tc",
    "body": "try {\n\t${0}\n} catch (${1:err}) {\n\t\n}"
  },
  "try/finally": {
    "prefix": "tf",
    "body": "try {\n\t${0}\n} finally {\n\t\n}"
  },
  "try/catch/finally": {
    "prefix": "tcf",
    "body": "try {\n\t${0}\n} catch (${1:err}) {\n\t\n} finally {\n\t\n}"
  },
  "anonymous function": {
    "prefix": "fan",
    "body": "function (${1:arguments}) {${0}}"
  },
  "named function": {
    "prefix": "fn",
    "body": "function ${1:name} (${2:arguments}) {\n\t${0}\n}"
  },
  "async function": {
    "prefix": "asf",
    "body": "async function (${1:arguments}) {\n\t${0}\n}"
  },
  "async arrow function": {
    "prefix": "aa",
    "body": "async (${1:arguments}) => {\n\t${0}\n}"
  },
  "immediately-invoked function expression": {
    "prefix": "iife",
    "body": ";(function (${1:arguments}) {\n\t${0}\n})(${2})"
  },
  "arrow function": {
    "prefix": "af",
    "body": "(${1:arguments}) => ${2:statement}"
  },
  "arrow function with destructuring": {
    "prefix": "fd",
    "body": "({${1:arguments}}) => ${2:statement}"
  },
  "arrow function with body": {
    "prefix": "f",
    "body": "(${1:arguments}) => {\n\t${0}\n}"
  },
  "arrow function with return": {
    "prefix": "fr",
    "body": "(${1:arguments}) => {\n\treturn ${0}\n}"
  },
  "generator function": {
    "prefix": "gf",
    "body": "function* (${1:arguments}) {\n\t${0}\n}"
  },
  "named generator": {
    "prefix": "gfn",
    "body": "function* ${1:name}(${2:arguments}) {\n\t${0}\n}"
  },
  "console.log": {
    "prefix": "cl",
    "body": "console.log(${0})"
  },
  "console.log a variable": {
    "prefix": "cv",
    "body": "console.log('${0}:', ${0})"
  },
  "console.error": {
    "prefix": "ce",
    "body": "console.error(${0})"
  },
  "console.warn": {
    "prefix": "cw",
    "body": "console.warn(${0})"
  },
  "console.dir": {
    "prefix": "cod",
    "body": "console.dir('${0}:', ${0})"
  },
  "constructor": {
    "prefix": "cn",
    "body": "constructor () {\n\t${0}\n}"
  },
  "use strict": {
    "prefix": "us",
    "body": "'use strict'"
  },
  "JSON.stringify()": {
    "prefix": "js",
    "body": "JSON.stringify($0)"
  },
  "JSON.parse()": {
    "prefix": "jp",
    "body": "JSON.parse($0)"
  },
  "method": {
    "prefix": "m",
    "body": "${1:method} (${2:arguments}) {\n\t${0}\n}"
  },
  "getter": {
    "prefix": "get",
    "body": "get ${1:property} () {\n\t${0}\n}"
  },
  "setter": {
    "prefix": "set",
    "body": "set ${1:property} (${2:value}) {\n\t${0}\n}"
  },
  "getter + setter": {
    "prefix": "gs",
    "body": "get ${1:property} () {\n\t${0}\n}\nset ${1:property} (${2:value}) {\n\t\n}"
  },
  "prototype method": {
    "prefix": "proto",
    "body": "${1:Class}.prototype.${2:method} = function (${3:arguments}) {\n\t${0}\n}"
  },
  "Object.assign": {
    "prefix": "oa",
    "body": "Object.assign(${1:dest}, ${2:source})"
  },
  "Object.create": {
    "prefix": "oc",
    "body": "Object.create(${1:obj})"
  },
  "Object.getOwnPropertyDescriptor": {
    "prefix": "og",
    "body": "Object.getOwnPropertyDescriptor(${1:obj}, '${2:prop}')"
  },
  "Object.defineProperty": {
    "prefix": "od",
    "body": "Object.defineProperty(${1:dest}, '${2:prop}', {\n\t${0}\n})"
  },
  "Object.keys": {
    "prefix": "ok",
    "body": "Object.keys(${1:obj})"
  },
  "return": {
    "prefix": "r",
    "body": "return ${0}"
  },
  "yield": {
    "prefix": "y",
    "body": "yield ${0}"
  },
  "return this": {
    "prefix": "rt",
    "body": "return this"
  },
  "return null": {
    "prefix": "rn",
    "body": "return null"
  },
  "return new object": {
    "prefix": "ro",
    "body": "return {\n\t${0}\n}"
  },
  "return new array": {
    "prefix": "ra",
    "body": "return [\n\t${0}\n]"
  },
  "return promise": {
    "prefix": "rp",
    "body": "return new Promise((resolve, reject) => {\n\t${0}\n})"
  }
}

snippets|vue-html.json

{
  // "buefy Icon": {
  //   "prefix": "bf-icon",
  //   "body": [ "<b-icon icon='${account}' size='is-small'/>" ]
  // },
  // "Buefy text area": {
  //   "prefix": "bf-textarea",
  //   "body": [
  //     "<b-field label=\"Message\">",
  //     "  <b-input maxlength=\"200\" type=\"textarea\"/>",
  //     "</b-field>"
  //   ],
  //   "description": "Buefy text area"
  // },
  // "Buefy input": {
  //   "prefix": "bf-input",
  //   "body": [
  //     "<b-field label=\"Name\">",
  //     "  <b-input v-model=\"name\"/>",
  //     "</b-field>"
  //   ],
  //   "description": "Buefy input"
  // },
  // "Buefy select input": {
  //   "prefix": "bf-select",
  //   "body": [
  //     "<b-field label=\"Simple\">",
  //     "  <b-select placeholder=\"Select a name\">",
  //     "    <option v-for=\"option in data\" :value=\"option.id\" :key=\"option.id\">",
  //     "      {{ option.user.first_name }}",
  //     "    </option>",
  //     "  </b-select>",
  //     "</b-field>"
  //   ],
  //   "description": "Buefy select input"
  // },
  // "Bulma image": {
  //   "prefix": "bu-img",
  //   "body": [
  //     "<figure class=\"image is-128x128\">",
  //     "  <img src=\"https://bulma.io/images/placeholders/128x128.png\">",
  //     "</figure>"
  //   ],
  //   "description": "Bulma image"
  // },
  // "Buefy Tooltip": {
  //   "prefix": "bf-tooltip",
  //   "body": [
  //     "<b-tooltip label=\"You prefer dark?\"",
  //     "           type=\"is-dark\"",
  //     "           position=\"is-bottom\">",
  //     "  <button class=\"button\">Dark</button>",
  //     "</b-tooltip>"
  //   ],
  //   "description": "Buefy Tooltip"
  // },
  "Nuxt link": {
    "prefix": "nuxt-link",
    "body": [
      "<nuxt-link to=\"/${1:example}\">${2:example}</nuxt-link>"
    ],
    "description": "Nuxt link"
  },
  // "Buefy Tag": {
  //   "prefix": "bf-tag",
  //   "body": [
  //     "<b-tag rounded type=\"is-primary\">",
  //     "  ${1:example}",
  //     "</b-tag>"
  //   ],
  //   "description": "Buefy Tag"
  // },
  // "Checkbox Buefy": {
  //   "prefix": "bf-checkbox",
  //   "body": [
  //     "<div class=\"field\">",
  //     "  <b-checkbox>Basic</b-checkbox>",
  //     "</div>"
  //   ],
  //   "description": "Checkbox Buefy"
  // },
  "Tailwind justify center": {
    "prefix": "jc",
    "body": [
      "justify-center"
    ],
    "description": "Tailwind justify center"
  },
  "Block comment": {
    "prefix": "bc",
    "body": [
      "<!-- ${1:block} -->",
      "${TM_SELECTED_TEXT}",
      "<!-- End ${1:block} -->"
    ],
    "description": "Block comment"
  }
}

snippets|vue.json

{
  // The number of spaces a tab is equal to. This setting is overriden
  // based on the file contents when `editor.detectIndentation` is true.
  "editor.tabSize": 2,
  // Insert spaces when pressing Tab. This setting is overriden
  // based on the file contents when `editor.detectIndentation` is true.
  "editor.insertSpaces": true,
  // When opening a file, `editor.tabSize` and `editor.insertSpaces`
  // will be detected based on the file contents.
  "editor.detectIndentation": true,
  "New File": {
    "prefix": "vue",
    "body": [
      "<template>",
      "\t<div class=\"${name}\"></div>",
      "</template>",
      "",
      "<script>",
      "\texport default {",
      "\t\tname: '${name}'",
      "\t}",
      "</script>",
      "\t"
    ]
  },
  "data": {
    "prefix": "data",
    "body": [
      "data () {",
      "\treturn {",
      "\t\t${var}",
      "\t}",
      "}"
    ]
  },
  "methods": {
    "prefix": "methods",
    "body": [
      "methods: {",
      "\t${method}: function () {",
      "\t\t",
      "\t}",
      "}"
    ]
  },
  "computed": {
    "prefix": "computed",
    "body": [
      "computed: {",
      "\t${method}: function () {",
      "\t\t",
      "\t}",
      "}"
    ]
  },
  "fetch": {
    "prefix": "fetch",
    "body": [
      "fetch ({ store, params }) {",
      "    return axios.get('http://mon-api/stars')",
      "    .then((res) => {",
      "      store.commit('setStars', res.data)",
      "    })",
      "  }"
    ]
  }
}