Visual Studio Code Settings Sync Gist

cloudSettings

{"lastUpload":"2019-10-10T01:55:48.925Z","extensionVersion":"v3.4.3"}

extensions.json

[
  {
    "metadata": {
      "id": "fa57ae0e-d21e-40d8-a0bb-a58b5fd9ead3",
      "publisherId": "ms-vscode.atom-keybindings",
      "publisherDisplayName": "ms-vscode"
    },
    "name": "atom-keybindings",
    "publisher": "ms-vscode",
    "version": "3.0.6"
  },
  {
    "metadata": {
      "id": "2aa040bf-c73a-455d-8946-5c6cc83b8019",
      "publisherId": "wmaurer.change-case",
      "publisherDisplayName": "wmaurer"
    },
    "name": "change-case",
    "publisher": "wmaurer",
    "version": "1.0.0"
  },
  {
    "metadata": {
      "id": "a6a0c5b2-d078-4bf5-a9ee-4e37054414b3",
      "publisherId": "formulahendry.code-runner",
      "publisherDisplayName": "formulahendry"
    },
    "name": "code-runner",
    "publisher": "formulahendry",
    "version": "0.9.14"
  },
  {
    "metadata": {
      "id": "e337c67b-55c2-4fef-8949-eb260e7fb7fd",
      "publisherId": "Shan.code-settings-sync",
      "publisherDisplayName": "Shan"
    },
    "name": "code-settings-sync",
    "publisher": "Shan",
    "version": "3.4.3"
  },
  {
    "metadata": {
      "id": "391319ff-5ddc-483e-b164-8f8847b72172",
      "publisherId": "paulmolluzzo.convert-css-in-js",
      "publisherDisplayName": "paulmolluzzo"
    },
    "name": "convert-css-in-js",
    "publisher": "paulmolluzzo",
    "version": "1.1.3"
  },
  {
    "metadata": {
      "id": "34b0f8e7-fe78-46a4-8ff1-f5b0e2af432d",
      "publisherId": "andaviaco.copy-path",
      "publisherDisplayName": "andaviaco"
    },
    "name": "copy-path",
    "publisher": "andaviaco",
    "version": "0.1.1"
  },
  {
    "metadata": {
      "id": "0c9d885a-1ef0-4547-9055-27b80d023b9a",
      "publisherId": "yardensachs.copy-python-path",
      "publisherDisplayName": "yardensachs"
    },
    "name": "copy-python-path",
    "publisher": "yardensachs",
    "version": "1.0.4"
  },
  {
    "metadata": {
      "id": "9734a8c6-1c74-4259-92ba-e4c3edf4a483",
      "publisherId": "zh9528.file-size",
      "publisherDisplayName": "zh9528"
    },
    "name": "file-size",
    "publisher": "zh9528",
    "version": "0.1.3"
  },
  {
    "metadata": {
      "id": "2335b326-c334-4e81-bc51-c408fcec6e7c",
      "publisherId": "waderyan.gitblame",
      "publisherDisplayName": "waderyan"
    },
    "name": "gitblame",
    "publisher": "waderyan",
    "version": "3.0.1"
  },
  {
    "metadata": {
      "id": "4de763bd-505d-4978-9575-2b7696ecf94e",
      "publisherId": "eamodio.gitlens",
      "publisherDisplayName": "eamodio"
    },
    "name": "gitlens",
    "publisher": "eamodio",
    "version": "10.1.0"
  },
  {
    "metadata": {
      "id": "8ee0c715-ca9e-4ce2-8841-5faa5e0f3255",
      "publisherId": "andys8.jest-snippets",
      "publisherDisplayName": "andys8"
    },
    "name": "jest-snippets",
    "publisher": "andys8",
    "version": "1.7.0"
  },
  {
    "metadata": {
      "id": "96fa4707-6983-4489-b7c5-d5ffdfdcce90",
      "publisherId": "esbenp.prettier-vscode",
      "publisherDisplayName": "esbenp"
    },
    "name": "prettier-vscode",
    "publisher": "esbenp",
    "version": "2.3.0"
  },
  {
    "metadata": {
      "id": "b24a13f5-4e50-4d9a-ab0a-87f47d9fdfcb",
      "publisherId": "stkb.rewrap",
      "publisherDisplayName": "stkb"
    },
    "name": "rewrap",
    "publisher": "stkb",
    "version": "1.9.1"
  },
  {
    "metadata": {
      "id": "5b51ff58-96bf-410c-8919-ed69958606fa",
      "publisherId": "zengxingxin.sort-js-object-keys",
      "publisherDisplayName": "zengxingxin"
    },
    "name": "sort-js-object-keys",
    "publisher": "zengxingxin",
    "version": "1.0.6"
  },
  {
    "metadata": {
      "id": "8b1e1e11-4e73-4aea-ad8d-5f99951afcea",
      "publisherId": "danseethaler.tab-through-selections",
      "publisherDisplayName": "danseethaler"
    },
    "name": "tab-through-selections",
    "publisher": "danseethaler",
    "version": "0.0.4"
  },
  {
    "metadata": {
      "id": "dffaf5a1-2219-434b-9d87-cb586fd59260",
      "publisherId": "Equinusocio.vsc-material-theme",
      "publisherDisplayName": "Equinusocio"
    },
    "name": "vsc-material-theme",
    "publisher": "Equinusocio",
    "version": "30.0.0"
  },
  {
    "metadata": {
      "id": "03944bdc-9bcb-4ac2-b9b3-fdb050dd43e4",
      "publisherId": "mrmlnc.vscode-duplicate",
      "publisherDisplayName": "mrmlnc"
    },
    "name": "vscode-duplicate",
    "publisher": "mrmlnc",
    "version": "1.2.1"
  },
  {
    "metadata": {
      "id": "06cc3e44-aedb-41b8-a4ea-29ebf3c491fd",
      "publisherId": "jpoissonnier.vscode-styled-components",
      "publisherDisplayName": "jpoissonnier"
    },
    "name": "vscode-styled-components",
    "publisher": "jpoissonnier",
    "version": "0.0.26"
  },
  {
    "metadata": {
      "id": "876e8f93-74d0-4f4f-91b7-34a09f19f444",
      "publisherId": "VisualStudioExptTeam.vscodeintellicode",
      "publisherDisplayName": "VisualStudioExptTeam"
    },
    "name": "vscodeintellicode",
    "publisher": "VisualStudioExptTeam",
    "version": "1.1.9"
  },
  {
    "metadata": {
      "id": "5a6dc0d5-dc02-4121-8e24-cad33a2ff0af",
      "publisherId": "ms-vsliveshare.vsliveshare",
      "publisherDisplayName": "ms-vsliveshare"
    },
    "name": "vsliveshare",
    "publisher": "ms-vsliveshare",
    "version": "1.0.950"
  }
]

keybindings.json

// Empty

keybindingsMac.json

[
  // Place your key bindings in this file to overwrite the defaults
  {
    "key": "shift+cmd+g",
    "command": "workbench.view.scm"
  },
  {
    "key": "ctrl+shift+g",
    "command": "-workbench.view.scm"
  },
  {
    "key": "ctrl+shift+left",
    "command": "workbench.action.moveEditorLeftInGroup"
  },
  {
    "key": "cmd+k shift+cmd+left",
    "command": "-workbench.action.moveEditorLeftInGroup"
  },
  {
    "key": "ctrl+shift+right",
    "command": "workbench.action.moveEditorRightInGroup"
  },
  {
    "key": "cmd+k shift+cmd+right",
    "command": "-workbench.action.moveEditorRightInGroup"
  },
  {
    "key": "alt+down",
    "command": "editor.action.smartSelect.grow",
    "when": "editorTextFocus"
  },
  {
    "key": "alt+cmd+m",
    "command": "editor.action.smartSelect.grow",
    "when": "editorTextFocus"
  },
  {
    "key": "ctrl+shift+cmd+right",
    "command": "-editor.action.smartSelect.grow",
    "when": "editorTextFocus"
  },
  {
    "key": "alt+up",
    "command": "editor.action.smartSelect.shrink",
    "when": "editorTextFocus"
  },
  {
    "key": "ctrl+shift+cmd+left",
    "command": "-editor.action.smartSelect.shrink",
    "when": "editorTextFocus"
  },
  {
    "key": "alt+cmd+backspace",
    "command": "editor.action.deleteLines",
    "when": "editorTextFocus"
  },
  {
    "key": "ctrl+shift+k",
    "command": "-editor.action.deleteLines",
    "when": "editorTextFocus"
  },
  {
    "key": "ctrl+shift+f",
    "command": "editor.action.formatDocument",
    "when": "editorHasDocumentFormattingProvider && editorTextFocus && !editorReadonly"
  },
  {
    "key": "shift+alt+f",
    "command": "-editor.action.formatDocument",
    "when": "editorHasDocumentFormattingProvider && editorTextFocus && !editorReadonly"
  },
  {
    "key": "ctrl+shift+f",
    "command": "editor.action.formatDocument"
  },
  {
    "key": "ctrl+alt+b",
    "command": "-editor.action.formatDocument"
  },
  {
    "key": "ctrl+`",
    "command": "workbench.action.terminal.toggleTerminal"
  },
  {
    "key": "ctrl+`",
    "command": "workbench.action.terminal.focus",
    "when": "!terminalFocus"
  },
  {
    "key": "cmd+j",
    "command": "editor.action.joinLines",
    "when": "editorTextFocus && !editorReadonly"
  },
  {
    "key": "ctrl+j",
    "command": "-editor.action.joinLines",
    "when": "editorTextFocus && !editorReadonly"
  },
  {
    "key": "shift+cmd+c",
    "command": "-workbench.action.terminal.openNativeConsole",
    "when": "!terminalFocus"
  },
  {
    "key": "alt+cmd+right",
    "command": "workbench.action.terminal.focusNext",
    "when": "terminalFocus"
  },
  {
    "key": "alt+cmd+left",
    "command": "workbench.action.terminal.focusPrevious",
    "when": "terminalFocus"
  },
  {
    "key": "cmd+;",
    "command": "editor.action.insertSnippet",
    "args": {
      "name": "Fat Arrow"
    }
  },
  {
    "key": "cmd+alt+;",
    "command": "editor.action.insertSnippet",
    "args": {
      "name": "Arrow Function"
    }
  },
  {
    "key": "shift+cmd+d",
    "command": "editor.action.copyLinesDownAction",
    "when": "editorTextFocus"
  },
  {
    "key": "shift+cmd+d",
    "command": "-editor.action.copyLinesDownAction",
    "when": "editorTextFocus"
  },
  {
    "key": "shift+alt+up",
    "command": "editor.action.insertCursorAbove",
    "when": "editorTextFocus"
  },
  {
    "key": "alt+cmd+up",
    "command": "-editor.action.insertCursorAbove",
    "when": "editorTextFocus"
  },
  {
    "key": "shift+alt+down",
    "command": "editor.action.insertCursorBelow",
    "when": "editorTextFocus"
  },
  {
    "key": "alt+cmd+down",
    "command": "-editor.action.insertCursorBelow",
    "when": "editorTextFocus"
  },
  {
    "key": "shift+alt+cmd+d",
    "command": "workbench.view.debug"
  },
  {
    "key": "shift+cmd+d",
    "command": "-workbench.view.debug"
  },
  {
    "key": "alt+1",
    "command": "code-runner.run",
    "when": "editorFocus"
  },
  {
    "key": "shift+cmd+f5",
    "command": "-workbench.action.debug.restart",
    "when": "inDebugMode"
  },
  {
    "key": "f5",
    "command": "-workbench.action.debug.start",
    "when": "!inDebugMode"
  },
  {
    "key": "alt+2",
    "command": "workbench.action.debug.stop",
    "when": "inDebugMode"
  },
  {
    "key": "shift+f5",
    "command": "-workbench.action.debug.stop",
    "when": "inDebugMode"
  },
  {
    "key": "alt+3",
    "command": "workbench.action.debug.continue",
    "when": "inDebugMode"
  },
  {
    "key": "f5",
    "command": "-workbench.action.debug.continue",
    "when": "inDebugMode"
  },
  {
    "key": "alt+w",
    "command": "workbench.action.closeOtherEditors"
  },
  {
    "key": "alt+cmd+t",
    "command": "-workbench.action.closeOtherEditors"
  },
  {
    "key": "alt+3",
    "command": "workbench.action.debug.stepOver",
    "when": "inDebugMode"
  },
  {
    "key": "f10",
    "command": "-workbench.action.debug.stepOver",
    "when": "inDebugMode"
  },
  {
    "key": "alt+4",
    "command": "workbench.action.debug.stepInto",
    "when": "inDebugMode"
  },
  {
    "key": "f11",
    "command": "-workbench.action.debug.stepInto",
    "when": "inDebugMode"
  },
  {
    "key": "alt+5",
    "command": "workbench.action.debug.stepOut",
    "when": "inDebugMode"
  },
  {
    "key": "shift+f11",
    "command": "-workbench.action.debug.stepOut",
    "when": "inDebugMode"
  },
  {
    "key": "cmd+y",
    "command": "workbench.action.showAllSymbols"
  },
  {
    "key": "cmd+t",
    "command": "-workbench.action.showAllSymbols"
  },
  {
    "key": "shift+cmd+r",
    "command": "workbench.action.gotoSymbol"
  },
  {
    "key": "shift+cmd+o",
    "command": "-workbench.action.gotoSymbol"
  },
  {
    "key": "alt+cmd+n",
    "command": "editor.action.dirtydiff.next",
    "when": "editorTextFocus"
  },
  {
    "key": "alt+f3",
    "command": "-editor.action.dirtydiff.next",
    "when": "editorTextFocus"
  },
  {
    "key": "alt+cmd+down",
    "command": "workbench.action.editor.nextChange",
    "when": "editorTextFocus"
  },
  {
    "key": "alt+f5",
    "command": "-workbench.action.editor.nextChange",
    "when": "editorTextFocus"
  },
  {
    "key": "alt+cmd+up",
    "command": "workbench.action.editor.previousChange",
    "when": "editorTextFocus"
  },
  {
    "key": "shift+alt+f5",
    "command": "-workbench.action.editor.previousChange",
    "when": "editorTextFocus"
  },
  {
    "key": "alt+cmd+w",
    "command": "workbench.action.closeAllEditors"
  },
  {
    "key": "cmd+k cmd+w",
    "command": "-workbench.action.closeAllEditors"
  },
  {
    "key": "cmd+[",
    "command": "workbench.action.navigateBack"
  },
  {
    "key": "ctrl+-",
    "command": "-workbench.action.navigateBack"
  },
  {
    "key": "cmd+]",
    "command": "workbench.action.navigateForward"
  },
  {
    "key": "ctrl+shift+-",
    "command": "-workbench.action.navigateForward"
  },
  {
    "key": "cmd+k cmd+0",
    "command": "editor.unfoldAll",
    "when": "editorTextFocus"
  },
  {
    "key": "shift+alt+cmd+]",
    "command": "-editor.unfoldAll",
    "when": "editorTextFocus"
  },
  {
    "key": "alt+cmd+o",
    "command": "editor.action.organizeImports",
    "when": "editorTextFocus && !editorReadonly && supportedCodeAction =~ /(\\s|^)source\\.organizeImports\\b/"
  },
  {
    "key": "shift+alt+o",
    "command": "-editor.action.organizeImports",
    "when": "editorTextFocus && !editorReadonly && supportedCodeAction =~ /(\\s|^)source\\.organizeImports\\b/"
  },
  {
    "key": "alt+cmd+n",
    "command": "workbench.action.terminal.newInActiveWorkspace",
    "when": "terminalFocus"
  },
  {
    "key": "alt+cmd+k",
    "command": "workbench.action.terminal.kill",
    "when": "terminalFocus"
  },
  {
    "key": "cmd+r",
    "command": "git.refresh"
  },
  {
    "key": "cmd+r",
    "command": "-workbench.action.gotoSymbol"
  },
  {
    "key": "alt+k",
    "command": "editor.action.marker.next"
  },
  {
    "key": "ctrl+cmd+k",
    "command": "editor.action.marker.nextInFiles",
    "when": "editorFocus && !editorReadonly"
  },
  {
    "key": "f8",
    "command": "-editor.action.marker.nextInFiles",
    "when": "editorFocus && !editorReadonly"
  },
  {
    "key": "alt+r",
    "command": "references-view.find",
    "when": "editorHasReferenceProvider"
  },
  {
    "key": "shift+alt+f12",
    "command": "-references-view.find",
    "when": "editorHasReferenceProvider"
  }
]

settings.json

{
  "atomKeymap.promptV3Features": true,
  "diffEditor.ignoreTrimWhitespace": true,
  "diffEditor.renderSideBySide": true,
  "editor.codeActionsOnSave": {
    "source.organizeImports": false
  },
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnPaste": false,
  "editor.formatOnSave": true,
  "editor.gotoLocation.multiple": "goto",
  "editor.multiCursorModifier": "ctrlCmd",
  "editor.scrollBeyondLastLine": false,
  "editor.smoothScrolling": true,
  "editor.snippetSuggestions": "top",
  "editor.suggestSelection": "first",
  "editor.tabSize": 2,
  "editor.wordWrap": "on",
  "emmet.showExpandedAbbreviation": "inMarkupAndStylesheetFilesOnly",
  "explorer.confirmDelete": false,
  "explorer.confirmDragAndDrop": false,
  "files.exclude": {
    "**/.DS_Store": true,
    "**/.git": true,
    "**/.hg": true,
    "**/.svn": true,
    "**/CVS": true
  },
  "files.insertFinalNewline": true,
  "files.trimTrailingWhitespace": true,
  "git.enableSmartCommit": true,
  "gitblame.infoMessageFormat": "${commit.hash_short, 8} (${time.ago}) ${commit.summary}",
  "javascript.updateImportsOnFileMove.enabled": "always",
  "javascript.validate.enable": false,
  "launch": {
    "configurations": [
      {
        "name": "Run Current File",
        "program": "${file}",
        "request": "launch",
        "type": "node"
      },
      {
        "args": ["-i"],
        "name": "Jest Tests",
        "program": "${workspaceRoot}/node_modules/.bin/jest",
        "request": "launch",
        "type": "node"
      }
    ],
    "version": "0.2.0"
  },
  "prettier.bracketSpacing": false,
  "prettier.eslintIntegration": false,
  "prettier.printWidth": 80,
  "prettier.semi": true,
  "prettier.singleQuote": true,
  "prettier.tabWidth": 2,
  "prettier.trailingComma": "es5",
  "sync.gist": "",
  "terminal.integrated.macOptionIsMeta": true,
  "typescript.updateImportsOnFileMove.enabled": "always",
  "window.newWindowDimensions": "maximized",
  "window.openFoldersInNewWindow": "on",
  "window.restoreWindows": "folders",
  "window.title": "${activeEditorMedium}${separator}${rootName}",
  "window.zoomLevel": 1,
  "workbench.editor.enablePreviewFromQuickOpen": false,
  "workbench.list.automaticKeyboardNavigation": false,
  "workbench.panel.defaultLocation": "right",
  "workbench.settings.editor": "json",
  "workbench.startupEditor": "none",
  "typescript.experimental.useSeparateSyntaxServer": true,
  "workbench.colorTheme": "Material Theme Palenight High Contrast"
}

snippets|css.json

{
  "Background Image CSS": {
    "prefix": "imagecss",
    "body": [
      "background-image: url($1);",
      "background-repeat: ${2:no-repeat};",
      "background-position: ${3:center};",
      "background-size: ${4:cover};"
    ]
  }
}

snippets|javascript.json

{
  "Print to console": {
    "prefix": "lg",
    "body": "console.log($1);"
  },
  "Log with message": {
    "prefix": "lgm",
    "body": "console.log('${2:${1:stateUpdate}}', ${1:stateUpdate});"
  },
  "Log with break": {
    "prefix": "lgb",
    "body": "console.log('\\n------------------\\n');"
  },
  "JSON log": {
    "prefix": "lgj",
    "body": "console.log(JSON.stringify(${1:stateUpdate}, null, 4));"
  },
  "Fat Arrow": {
    "prefix": "fat_arrow",
    "body": "=>"
  },
  "Arrow Function": {
    "prefix": "arrow_function",
    "body": "($1) => {$2}"
  },
  "Import React": {
    "prefix": "ir",
    "body": "import React from 'react';"
  },
  "Require": {
    "prefix": "rq",
    "body": "const ${1:item} = require('./${2:${1:item}}');"
  },
  "Storybook Template": {
    "prefix": "storybook_template",
    "body": [
      "import {number} from '@storybook/addon-knobs';",
      "import {withKnobs} from '@storybook/addon-knobs/react';",
      "import {storiesOf} from '@storybook/react';",
      "import React from 'react';",
      "",
      "storiesOf('Widgets', module)",
      "\t.addDecorator(withKnobs)",
      "\t.add('Icons', () => {",
      "\t\tconst size = number('Size', 24, {",
      "\t\t\trange: true,",
      "\t\t\tmin: 12,",
      "\t\t\tmax: 64,",
      "\t\t\tstep: 10,",
      "\t\t});",
      "",
      "\t\treturn <div size={size}>Hello</div>;",
      "\t});",
      ""
    ]
  },
  "Background Image CSS": {
    "prefix": "imagecss",
    "body": [
      "backgroundImage: `url($1)`,",
      "backgroundRepeat: '${2:no-repeat}',",
      "backgroundPosition: '${3:center}',",
      "backgroundSize: '${4:cover}',"
    ]
  }
}

snippets|javascriptreact.json

{
  "Print to console": {
    "prefix": "lg",
    "body": "console.log($1);"
  },
  "Log with message": {
    "prefix": "lgm",
    "body": "console.log('${2:${1:stateUpdate}}', ${1:stateUpdate});"
  },
  "Log with break": {
    "prefix": "lgb",
    "body": "console.log('\\n------------------\\n');"
  },
  "JSON log": {
    "prefix": "lgj",
    "body": "console.log(JSON.stringify(${1:stateUpdate}, null, 4));"
  },
  "Fat Arrow": {
    "prefix": "fat_arrow",
    "body": "=>"
  },
  "Arrow Function": {
    "prefix": "arrow_function",
    "body": "($1) => {$2}"
  },
  "Import React": {
    "prefix": "ir",
    "body": "import React from 'react';"
  },
  "Require": {
    "prefix": "rq",
    "body": "const ${1:item} = require('./${2:${1:item}}');"
  },
  "Storybook Template": {
    "prefix": "storybook_template",
    "body": [
      "import {number} from '@storybook/addon-knobs';",
      "import {withKnobs} from '@storybook/addon-knobs/react';",
      "import {storiesOf} from '@storybook/react';",
      "import React from 'react';",
      "",
      "storiesOf('Widgets', module)",
      "\t.addDecorator(withKnobs)",
      "\t.add('Icons', () => {",
      "\t\tconst size = number('Size', 24, {",
      "\t\t\trange: true,",
      "\t\t\tmin: 12,",
      "\t\t\tmax: 64,",
      "\t\t\tstep: 10,",
      "\t\t});",
      "",
      "\t\treturn <div size={size}>Hello</div>;",
      "\t});",
      ""
    ]
  },
  "Background Image CSS": {
    "prefix": "imagecss",
    "body": [
      "backgroundImage: `url($1)`,",
      "backgroundRepeat: '${2:no-repeat}',",
      "backgroundPosition: '${3:center}',",
      "backgroundSize: '${4:cover}',"
    ]
  }
}

snippets|json.json

{
  "Fat Arrow": {
    "prefix": "fat_arrow",
    "body": ["=>"]
  }
}

snippets|jsonc.json

{
  "Fat Arrow": {
    "prefix": "fat_arrow",
    "body": ["=>"]
  },
  "Run Current Programm": {
    "prefix": "run_current",
    "body": [
      "{",
      "  \"type\": \"node\",",
      "  \"request\": \"launch\",",
      "  \"name\": \"Run Current File\",",
      "  \"program\": \"${file\\}\"",
      "},"
    ]
  }
}

snippets|typescript.json

{
  "Print to console": {
    "prefix": "lg",
    "body": "console.log($1);"
  },
  "Log with message": {
    "prefix": "lgm",
    "body": "console.log('${2:${1:stateUpdate}}', ${1:stateUpdate});"
  },
  "Log with break": {
    "prefix": "lgb",
    "body": "console.log('\\n------------------\\n');"
  },
  "JSON log": {
    "prefix": "lgj",
    "body": "console.log(JSON.stringify(${1:stateUpdate}, null, 4));"
  },
  "Fat Arrow": {
    "prefix": "fat_arrow",
    "body": "=>"
  },
  "Arrow Function": {
    "prefix": "arrow_function",
    "body": "($1) => {$2}"
  },
  "Import React": {
    "prefix": "ir",
    "body": "import React from 'react';"
  },
  "Require": {
    "prefix": "rq",
    "body": "const ${1:item} = require('./${2:${1:item}}');"
  }
}

snippets|typescriptreact.json

{
  "Print to console": {
    "prefix": "lg",
    "body": "console.log($1);"
  },
  "Log with message": {
    "prefix": "lgm",
    "body": "console.log('${2:${1:stateUpdate}}', ${1:stateUpdate});"
  },
  "Log with break": {
    "prefix": "lgb",
    "body": "console.log('\\n------------------\\n');"
  },
  "JSON log": {
    "prefix": "lgj",
    "body": "console.log(JSON.stringify(${1:stateUpdate}, null, 4));"
  },
  "Fat Arrow": {
    "prefix": "fat_arrow",
    "body": "=>"
  },
  "Arrow Function": {
    "prefix": "arrow_function",
    "body": "($1) => {$2}"
  },
  "Import React": {
    "prefix": "ir",
    "body": "import React from 'react';"
  },
  "Require": {
    "prefix": "rq",
    "body": "const ${1:item} = require('./${2:${1:item}}');"
  },
  "React Component": {
    "prefix": "rc",
    "body": [
      "import React from 'react';",
      "",
      "interface Props {",
      "\t$2",
      "}",
      "",
      "class ${1:Item} extends React.Component<Props> {",
      "\trender() {",
      "\t\treturn $3;",
      "\t}",
      "}",
      "",
      "export default ${1:Item};",
      ""
    ]
  },
  "Stateless Functional Component": {
    "prefix": "sfc",
    "body": [
      "import React from 'react'",
      "",
      "interface Props {",
      "\t$1",
      "}",
      "",
      "const Item: React.SFC<Props> = () => {",
      "\t$2",
      "}",
      "",
      "export default Item;",
      ""
    ]
  },
  "Storybook Template": {
    "prefix": "storybook_template",
    "body": [
      "import {number} from '@storybook/addon-knobs';",
      "import {withKnobs} from '@storybook/addon-knobs/react';",
      "import {storiesOf} from '@storybook/react';",
      "import React from 'react';",
      "",
      "storiesOf('Widgets', module)",
      "\t.addDecorator(withKnobs)",
      "\t.add('Icons', () => {",
      "\t\tconst size = number('Size', 24, {",
      "\t\t\trange: true,",
      "\t\t\tmin: 12,",
      "\t\t\tmax: 64,",
      "\t\t\tstep: 10,",
      "\t\t});",
      "",
      "\t\treturn <div size={size}>Hello</div>;",
      "\t});",
      ""
    ]
  },
  "Background Image CSS": {
    "prefix": "imagecss",
    "body": [
      "backgroundImage: `url($1)`,",
      "backgroundRepeat: '${2:no-repeat}',",
      "backgroundPosition: '${3:center}',",
      "backgroundSize: '${4:cover}',"
    ]
  }
}