Skip to content

Instantly share code, notes, and snippets.

@nestorivan
Last active July 12, 2021 15:34
Show Gist options
  • Save nestorivan/f8c22d387f9638c2f76dd8ff450ec264 to your computer and use it in GitHub Desktop.
Save nestorivan/f8c22d387f9638c2f76dd8ff450ec264 to your computer and use it in GitHub Desktop.
Visual Studio Code Settings Sync Gist
{"lastUpload":"2021-07-12T15:34:37.769Z","extensionVersion":"v3.4.3"}
[
{
"metadata": {
"id": "6e440e71-8ed9-4f25-bb78-4b13096b8a03",
"publisherId": "formulahendry.auto-rename-tag",
"publisherDisplayName": "formulahendry"
},
"name": "auto-rename-tag",
"publisher": "formulahendry",
"version": "0.1.7"
},
{
"metadata": {
"id": "70378119-1d85-4935-9733-0298c7a369a2",
"publisherId": "steoates.autoimport",
"publisherDisplayName": "steoates"
},
"name": "autoimport",
"publisher": "steoates",
"version": "1.5.4"
},
{
"metadata": {
"id": "5178733e-4b02-4829-95c5-1ce970847c23",
"publisherId": "teabyii.ayu",
"publisherDisplayName": "teabyii"
},
"name": "ayu",
"publisher": "teabyii",
"version": "0.20.1"
},
{
"metadata": {
"id": "5a6e2b21-1d61-4acd-b31b-907f9c23f18a",
"publisherId": "CoenraadS.bracket-pair-colorizer-2",
"publisherDisplayName": "CoenraadS"
},
"name": "bracket-pair-colorizer-2",
"publisher": "CoenraadS",
"version": "0.2.1"
},
{
"metadata": {
"id": "8a0c151b-eb13-4bed-9d49-4a252a118a0c",
"publisherId": "michelemelluso.code-beautifier",
"publisherDisplayName": "michelemelluso"
},
"name": "code-beautifier",
"publisher": "michelemelluso",
"version": "2.3.3"
},
{
"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": "d0bfc4ab-1d3a-4487-8782-7cf6027b4fff",
"publisherId": "ms-dotnettools.csharp",
"publisherDisplayName": "ms-dotnettools"
},
"name": "csharp",
"publisher": "ms-dotnettools",
"version": "1.23.12"
},
{
"metadata": {
"id": "1ec62ca5-d7f9-4ddb-a882-e8d018c0aefd",
"publisherId": "msjsdiag.debugger-for-chrome",
"publisherDisplayName": "msjsdiag"
},
"name": "debugger-for-chrome",
"publisher": "msjsdiag",
"version": "4.12.12"
},
{
"metadata": {
"id": "f60a60a6-95ba-42d4-b41c-3d24c1b89588",
"publisherId": "EditorConfig.EditorConfig",
"publisherDisplayName": "EditorConfig"
},
"name": "EditorConfig",
"publisher": "EditorConfig",
"version": "0.16.4"
},
{
"metadata": {
"id": "19804510-b475-4dae-b0f7-6ca08fd1af0c",
"publisherId": "dsznajder.es7-react-js-snippets",
"publisherDisplayName": "dsznajder"
},
"name": "es7-react-js-snippets",
"publisher": "dsznajder",
"version": "3.1.1"
},
{
"metadata": {
"id": "7328a705-91fc-49e6-8293-da6f112e482d",
"publisherId": "GitHub.github-vscode-theme",
"publisherDisplayName": "GitHub"
},
"name": "github-vscode-theme",
"publisher": "GitHub",
"version": "4.1.1"
},
{
"metadata": {
"id": "4de763bd-505d-4978-9575-2b7696ecf94e",
"publisherId": "eamodio.gitlens",
"publisherDisplayName": "eamodio"
},
"name": "gitlens",
"publisher": "eamodio",
"version": "11.5.1"
},
{
"metadata": {
"id": "7b71fc1b-190d-4f7d-95d1-93e422649b0a",
"publisherId": "Zignd.html-css-class-completion",
"publisherDisplayName": "Zignd"
},
"name": "html-css-class-completion",
"publisher": "Zignd",
"version": "1.20.0"
},
{
"metadata": {
"id": "be992f3f-9f22-4b66-a1d2-ecad04c28a28",
"publisherId": "abusaidm.html-snippets",
"publisherDisplayName": "abusaidm"
},
"name": "html-snippets",
"publisher": "abusaidm",
"version": "0.2.1"
},
{
"metadata": {
"id": "eaa2127d-cb69-4ab9-8505-a60c9ee5f28b",
"publisherId": "oderwat.indent-rainbow",
"publisherDisplayName": "oderwat"
},
"name": "indent-rainbow",
"publisher": "oderwat",
"version": "7.5.0"
},
{
"metadata": {
"id": "fcbdb08e-4048-40e8-a674-fecc476f4b93",
"publisherId": "SirTori.indenticator",
"publisherDisplayName": "SirTori"
},
"name": "indenticator",
"publisher": "SirTori",
"version": "0.7.0"
},
{
"metadata": {
"id": "5db78037-f674-459f-a236-db622c427c5b",
"publisherId": "PKief.material-icon-theme",
"publisherDisplayName": "PKief"
},
"name": "material-icon-theme",
"publisher": "PKief",
"version": "4.8.0"
},
{
"metadata": {
"id": "26a529c9-2654-4b95-a63f-02f6a52429e6",
"publisherId": "zhuangtongfa.material-theme",
"publisherDisplayName": "zhuangtongfa"
},
"name": "material-theme",
"publisher": "zhuangtongfa",
"version": "3.10.15"
},
{
"metadata": {
"id": "e58f546c-babc-455f-a265-ba40dbd140d4",
"publisherId": "sdras.night-owl",
"publisherDisplayName": "sdras"
},
"name": "night-owl",
"publisher": "sdras",
"version": "2.0.1"
},
{
"metadata": {
"id": "36d19e17-7569-4841-a001-947eb18602b2",
"publisherId": "ms-vscode.node-debug2",
"publisherDisplayName": "ms-vscode"
},
"name": "node-debug2",
"publisher": "ms-vscode",
"version": "1.42.7"
},
{
"metadata": {
"id": "dff6b801-247e-40e9-82e8-8c9b1d19d1b8",
"publisherId": "christian-kohler.npm-intellisense",
"publisherDisplayName": "christian-kohler"
},
"name": "npm-intellisense",
"publisher": "christian-kohler",
"version": "1.3.1"
},
{
"metadata": {
"id": "b027c4b2-25ad-46db-b574-05dae3b2dc92",
"publisherId": "azemoh.one-monokai",
"publisherDisplayName": "azemoh"
},
"name": "one-monokai",
"publisher": "azemoh",
"version": "0.5.0"
},
{
"metadata": {
"id": "a41c1549-4053-44d4-bf30-60fc809b4a86",
"publisherId": "christian-kohler.path-intellisense",
"publisherDisplayName": "christian-kohler"
},
"name": "path-intellisense",
"publisher": "christian-kohler",
"version": "2.3.0"
},
{
"metadata": {
"id": "96fa4707-6983-4489-b7c5-d5ffdfdcce90",
"publisherId": "esbenp.prettier-vscode",
"publisherDisplayName": "esbenp"
},
"name": "prettier-vscode",
"publisher": "esbenp",
"version": "8.0.1"
},
{
"metadata": {
"id": "33ce9d6b-41cf-4972-a62b-386f7201981d",
"publisherId": "Prisma.prisma",
"publisherDisplayName": "Prisma"
},
"name": "prisma",
"publisher": "Prisma",
"version": "2.26.0"
},
{
"metadata": {
"id": "93ce222b-5f6f-49b7-9ab1-a0463c6238df",
"publisherId": "ms-vscode-remote.remote-containers",
"publisherDisplayName": "ms-vscode-remote"
},
"name": "remote-containers",
"publisher": "ms-vscode-remote",
"version": "0.183.0"
},
{
"metadata": {
"id": "f0c5397b-d357-4197-99f0-cb4202f22818",
"publisherId": "ms-vscode-remote.remote-wsl",
"publisherDisplayName": "ms-vscode-remote"
},
"name": "remote-wsl",
"publisher": "ms-vscode-remote",
"version": "0.56.5"
},
{
"metadata": {
"id": "431aa1a8-74f4-43d5-a83b-f4960510da5f",
"publisherId": "ahmadawais.shades-of-purple",
"publisherDisplayName": "ahmadawais"
},
"name": "shades-of-purple",
"publisher": "ahmadawais",
"version": "6.13.0"
},
{
"metadata": {
"id": "e5fd2b56-1637-4d4f-8252-6c9d416f9a28",
"publisherId": "RobbOwen.synthwave-vscode",
"publisherDisplayName": "RobbOwen"
},
"name": "synthwave-vscode",
"publisher": "RobbOwen",
"version": "0.1.8"
},
{
"metadata": {
"id": "8607133c-9ced-49bd-b817-28004ca94c7c",
"publisherId": "webrender.synthwave-x-fluoromachine",
"publisherDisplayName": "webrender"
},
"name": "synthwave-x-fluoromachine",
"publisher": "webrender",
"version": "0.0.12"
},
{
"metadata": {
"id": "fb374ce1-5343-46c8-a425-900fdad15523",
"publisherId": "wesbos.theme-cobalt2",
"publisherDisplayName": "wesbos"
},
"name": "theme-cobalt2",
"publisher": "wesbos",
"version": "2.2.5"
},
{
"metadata": {
"id": "4e44877c-1c8d-4f9c-ba86-1372d0fbeeb1",
"publisherId": "dracula-theme.theme-dracula",
"publisherDisplayName": "dracula-theme"
},
"name": "theme-dracula",
"publisher": "dracula-theme",
"version": "2.22.4"
},
{
"metadata": {
"id": "ee3a0861-755c-4bd3-ad41-c15971910b83",
"publisherId": "leveluptutorials.theme-levelup",
"publisherDisplayName": "leveluptutorials"
},
"name": "theme-levelup",
"publisher": "leveluptutorials",
"version": "0.2.5"
},
{
"metadata": {
"id": "f5d7ffda-c1d6-4070-ba80-803c705a1ee6",
"publisherId": "monokai.theme-monokai-pro-vscode",
"publisherDisplayName": "monokai"
},
"name": "theme-monokai-pro-vscode",
"publisher": "monokai",
"version": "1.1.19"
},
{
"metadata": {
"id": "261cac81-cd7b-4555-bb41-0c2d2bcd3e70",
"publisherId": "Gruntfuggly.todo-tree",
"publisherDisplayName": "Gruntfuggly"
},
"name": "todo-tree",
"publisher": "Gruntfuggly",
"version": "0.0.213"
},
{
"metadata": {
"id": "de44183f-5377-4ceb-ac15-79364a30070c",
"publisherId": "apollographql.vscode-apollo",
"publisherDisplayName": "apollographql"
},
"name": "vscode-apollo",
"publisher": "apollographql",
"version": "1.19.3"
},
{
"metadata": {
"id": "3f770365-3682-44ee-a63e-5ef1b16c74d2",
"publisherId": "aeschli.vscode-css-formatter",
"publisherDisplayName": "aeschli"
},
"name": "vscode-css-formatter",
"publisher": "aeschli",
"version": "1.0.1"
},
{
"metadata": {
"id": "0479fc1c-3d67-49f9-b087-fb9069afe48f",
"publisherId": "ms-azuretools.vscode-docker",
"publisherDisplayName": "ms-azuretools"
},
"name": "vscode-docker",
"publisher": "ms-azuretools",
"version": "1.14.0"
},
{
"metadata": {
"id": "583b2b34-2c1e-4634-8c0b-0b82e283ea3a",
"publisherId": "dbaeumer.vscode-eslint",
"publisherDisplayName": "dbaeumer"
},
"name": "vscode-eslint",
"publisher": "dbaeumer",
"version": "2.1.23"
},
{
"metadata": {
"id": "9ccc1dd7-7ec4-4a46-bd4f-7d7b8b9d322a",
"publisherId": "vscode-icons-team.vscode-icons",
"publisherDisplayName": "vscode-icons-team"
},
"name": "vscode-icons",
"publisher": "vscode-icons-team",
"version": "11.5.0"
},
{
"metadata": {
"id": "c46b0018-f317-4b6c-a785-d2039b27338f",
"publisherId": "wix.vscode-import-cost",
"publisherDisplayName": "wix"
},
"name": "vscode-import-cost",
"publisher": "wix",
"version": "2.15.0"
},
{
"metadata": {
"id": "7997a8ae-1fae-4022-b834-12f6318aeffd",
"publisherId": "Orta.vscode-jest",
"publisherDisplayName": "Orta"
},
"name": "vscode-jest",
"publisher": "Orta",
"version": "4.0.3"
},
{
"metadata": {
"id": "ae9e3eb0-3357-4cc0-90ee-598d2d384757",
"publisherId": "eg2.vscode-npm-script",
"publisherDisplayName": "eg2"
},
"name": "vscode-npm-script",
"publisher": "eg2",
"version": "0.3.22"
},
{
"metadata": {
"id": "5a7017bf-c571-4d77-b902-6e56b16f539a",
"publisherId": "johnpapa.vscode-peacock",
"publisherDisplayName": "johnpapa"
},
"name": "vscode-peacock",
"publisher": "johnpapa",
"version": "3.9.1"
},
{
"metadata": {
"id": "23d72dfc-8dd1-4e30-926e-8783b4378f13",
"publisherId": "ms-vscode-remote.vscode-remote-extensionpack",
"publisherDisplayName": "ms-vscode-remote"
},
"name": "vscode-remote-extensionpack",
"publisher": "ms-vscode-remote",
"version": "0.21.0"
},
{
"metadata": {
"id": "beb68b20-7c55-471c-9b63-3486f9423566",
"publisherId": "mrmlnc.vscode-scss",
"publisherDisplayName": "mrmlnc"
},
"name": "vscode-scss",
"publisher": "mrmlnc",
"version": "0.10.0"
},
{
"metadata": {
"id": "06cc3e44-aedb-41b8-a4ea-29ebf3c491fd",
"publisherId": "jpoissonnier.vscode-styled-components",
"publisherDisplayName": "jpoissonnier"
},
"name": "vscode-styled-components",
"publisher": "jpoissonnier",
"version": "1.6.4"
},
{
"metadata": {
"id": "6f5d4f30-67aa-4151-80c0-1bbe8ca5f9db",
"publisherId": "cssho.vscode-svgviewer",
"publisherDisplayName": "cssho"
},
"name": "vscode-svgviewer",
"publisher": "cssho",
"version": "2.0.0"
},
{
"metadata": {
"id": "74df0125-643c-4022-b07e-9c53234ef4c7",
"publisherId": "chaseadamsio.vscode-theme-neon-night",
"publisherDisplayName": "chaseadamsio"
},
"name": "vscode-theme-neon-night",
"publisher": "chaseadamsio",
"version": "0.35.0"
},
{
"metadata": {
"id": "2fd56207-78ef-49d4-95d2-9b801eee4dbf",
"publisherId": "rangav.vscode-thunder-client",
"publisherDisplayName": "rangav"
},
"name": "vscode-thunder-client",
"publisher": "rangav",
"version": "1.6.1"
},
{
"metadata": {
"id": "15305aca-2588-4ca0-8147-ab2c64730b82",
"publisherId": "ms-vscode.vscode-typescript-next",
"publisherDisplayName": "ms-vscode"
},
"name": "vscode-typescript-next",
"publisher": "ms-vscode",
"version": "4.4.20210711"
},
{
"metadata": {
"id": "f508f5d8-df4a-4826-8b84-90b9af0caa07",
"publisherId": "samverschueren.yo",
"publisherDisplayName": "samverschueren"
},
"name": "yo",
"publisher": "samverschueren",
"version": "0.9.3"
}
]
// Place your key bindings in this file to overwrite the defaults
[
{
"key": "ctrl+down",
"command": "editor.action.insertCursorBelow",
"when": "editorTextFocus"
},
{
"key": "ctrl+alt+s",
"command": "workbench.action.files.saveAll"
},
{
"key": "ctrl+alt+enter",
"command": "workbench.action.tasks.terminate"
},
{
"key": "ctrl+,",
"command": "workbench.action.openGlobalSettings"
},
{
"key": "ctrl+alt+w",
"command": "workbench.action.closeAllEditors"
},
{
"key": "ctrl+alt+c",
"command": "workbench.files.action.collapseExplorerFolders"
},
{
"key": "alt+shift+z",
"command": "workbench.action.toggleZenMode"
}
]
{
"explorer.autoReveal": false,
"explorer.openEditors.visible": 0,
"files.eol": "\n",
"files.trimTrailingWhitespace": true,
"telemetry.enableTelemetry": false,
"zenMode.hideTabs": false,
"editor.wordWrap": "on",
"debug.openExplorerOnEnd": true,
"git.confirmSync": false,
"vsicons.projectDetection.disableDetect": true,
"workbench.iconTheme": "vscode-icons",
"sync.gist": "f8c22d387f9638c2f76dd8ff450ec264",
"sync.lastUpload": "",
"sync.autoDownload": false,
"sync.autoUpload": false,
"sync.lastDownload": "2018-07-26T16:42:38.499Z",
"sync.version": 261,
"sync.showSummary": true,
"sync.forceDownload": false,
"sync.anonymousGist": false,
"editor.minimap.enabled": false,
"sync.host": "",
"sync.pathPrefix": "",
"git.enableSmartCommit": true,
"workbench.colorTheme": "GitHub Dark Dimmed",
"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe",
"sync.quietSync": false,
"sync.askGistName": false,
"sync.removeExtensions": true,
"sync.syncExtensions": true,
"vsicons.dontShowNewVersionMessage": true,
"git.autofetch": true,
"emmet.syntaxProfiles": {
"javascript": "jsx"
},
"explorer.confirmDragAndDrop": false,
"csharp.suppressDotnetInstallWarning": true,
"javascript.preferences.quoteStyle": "single",
"typescript.preferences.quoteStyle": "single",
"prettier.singleQuote": 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"
}
],
"[javascript]": {
"editor.defaultFormatter": "dbaeumer.vscode-eslint"
},
"[scss]": {
"editor.defaultFormatter": "michelemelluso.code-beautifier"
},
"javascript.updateImportsOnFileMove.enabled": "always",
"markdown.preview.fontFamily": "Victor Mono",
"terminal.integrated.fontFamily": "monospace",
"editor.fontLigatures": true,
"editor.fontFamily": "Victor Mono",
"terminal.integrated.rendererType": "dom",
"[javascriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"prettier.endOfLine": "lf",
"[json]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.formatOnSave": true,
"eslint.autoFixOnSave": true,
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact"
],
"todo-tree.highlights.enabled": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"prettier.trailingComma": "all",
"eslint.format.enable": true,
"editor.defaultFormatter": "dbaeumer.vscode-eslint",
"todo-tree.tree.showScanModeButton": false,
"codemetrics.basics.DecorationModeEnabled": false,
"codemetrics.basics.OverviewRulerModeEnabled": false,
"typescript.updateImportsOnFileMove.enabled": "always",
"gitlens.menus": {
"editor": false,
"editorGroup": false,
"editorTab": false,
"explorer": false,
"scm": false,
"scmGroupInline": false,
"scmGroup": false,
"scmItem": false
},
}
{
/*
// Place your snippets for CSS here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
"Print to console": {
"prefix": "log",
"body": [
"console.log('$1');",
"$2"
],
"description": "Log output to console"
}
*/
}
{
/*
// Place your snippets for CSS here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
"Print to console": {
"prefix": "log",
"body": [
"console.log('$1');",
"$2"
],
"description": "Log output to console"
}
*/
"Import a dependency": {
"prefix": "ip",
"body": "import { $2 } from '$1';",
"description": "Import a dependency with destructuring."
},
"Import a default dependency": {
"prefix": "ipd",
"body": "import $2 from '$1';",
"description": "Import a default dependency."
},
"Import a Node dependency": {
"prefix": "nd",
"body": "const $1 = require('$1');",
"description": "Import a Node dependency."
},
"Import a Node dependency with descruturing": {
"prefix": "ndd",
"body": "const { $2 } = require('$1');",
"description": "Import a Node dependency with destructuring."
},
"Import a Node dependency with name": {
"prefix": "ndn",
"body": "const $2 = require('$1');",
"description": "Import a Node dependency with name."
},
"Import PropTypes": {
"prefix": "impt",
"body": "import PropTypes from 'prop-types';\n",
"description": "Imports the prop-types dependency."
},
"Import React": {
"prefix": "imr",
"body": "import React from 'react';\n",
"description": "Imports React."
},
"Import styled from styled-components": {
"prefix": "isc",
"body": "import styled from 'styled-components';\n",
"description": "Imports styled from styled-components."
},
"Import uuid": {
"prefix": "iuuid",
"body": "import { v4 as uuid } from 'uuid';\n",
"description": "Imports v4 as uuid from uuid."
},
"Create Functional Component": {
"prefix": "cfc",
"body": [
"const $1 = () => (\n",
");\n",
"export default $1"
],
"description": "Creates a functional component."
}
}
{
/*
// Place your snippets for CSS here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
"Print to console": {
"prefix": "log",
"body": [
"console.log('$1');",
"$2"
],
"description": "Log output to console"
}
*/
"Import a dependency": {
"prefix": "ip",
"body": "import { $2 } from '$1';",
"description": "Import a dependency with destructuring."
},
"Import a default dependency": {
"prefix": "ipd",
"body": "import $2 from '$1';",
"description": "Import a default dependency."
},
"Import a Node dependency": {
"prefix": "nd",
"body": "const $1 = require('$1');",
"description": "Import a Node dependency."
},
"Import a Node dependency with descruturing": {
"prefix": "ndd",
"body": "const { $2 } = require('$1');",
"description": "Import a Node dependency with destructuring."
},
"Import a Node dependency with name": {
"prefix": "ndn",
"body": "const $2 = require('$1');",
"description": "Import a Node dependency with name."
},
"Import PropTypes": {
"prefix": "impt",
"body": "import PropTypes from 'prop-types';\n",
"description": "Imports the prop-types dependency."
},
"Import React": {
"prefix": "imr",
"body": "import React from 'react';\n",
"description": "Imports React."
},
"Import styled from styled-components": {
"prefix": "isc",
"body": "import styled from 'styled-components';\n",
"description": "Imports styled from styled-components."
},
"Import uuid": {
"prefix": "iuuid",
"body": "import { v4 as uuid } from 'uuid';\n",
"description": "Imports v4 as uuid from uuid."
},
"Create Functional Component": {
"prefix": "cfc",
"body": [
"const $1 = () => (\n",
");\n",
"export default $1"
],
"description": "Creates a functional component."
}
}
{
"Import module with destructuring": {
"prefix": "imp",
"body": "import { $2 } from '$1';",
"description": "Imports a module with destructuring."
},
"Import module with name": {
"prefix": "impwn",
"body": "import $2 from '$1';",
"description": "Imports a module with the given name."
},
"Import default module": {
"prefix": "impm",
"body": "import '$1';",
"description": "Imports a module or asset."
},
"Import a Node dependency": {
"prefix": "nd",
"body": "const $1 = require('$1');",
"description": "Import a Node dependency."
},
"Import a Node dependency with descruturing": {
"prefix": "ndd",
"body": "const { $2 } = require('$1');",
"description": "Import a Node dependency with destructuring."
},
"Import a Node dependency with name": {
"prefix": "ndn",
"body": "const $2 = require('$1');",
"description": "Import a Node dependency with name."
},
"Insert a console log": {
"prefix": "clog",
"body": "console.log($1)",
"description": "Inserts a console log statement"
},
"Insert reducer actions": {
"prefix": "rxactions",
"body": [
"LOADING_$1= 'LOADING_$1',",
"ERROR_$1= 'ERROR_$1',",
"SUCCESS_$1= 'SUCCESS_$1',"
]
},
"Insert debugger with eslint dissable": {
"prefix": "dbug",
"body": [
"// eslint-disable-next-line no-debugger",
"debugger;"
]
}
}
{
"Import module with destructuring": {
"prefix": "imp",
"body": "import { $2 } from '$1';",
"description": "Imports a module with destructuring."
},
"Import module with name": {
"prefix": "impwn",
"body": "import $2 from '$1';",
"description": "Imports a module with the given name."
},
"Import default module": {
"prefix": "impm",
"body": "import '$1';",
"description": "Imports a module or asset."
},
"Import React": {
"prefix": "imr",
"body": "import * as React from 'react';"
},
"Redux constant": {
"prefix": "rct",
"body": "const $1 = '$1';"
},
"Connect redux": {
"prefix": "crr",
"body": "import { connect } from 'react-redux';"
},
"React stateless component": {
"prefix": "slc",
"body": [
"import * as React from 'react';",
"",
"export function $1() {",
"\treturn (",
"\t\t$2",
"\t);",
"}",
""
]
},
"React stateless component with props": {
"prefix": "slcp",
"body": [
"import * as React from 'react';",
"",
"export interface $1Props { $3 };",
"",
"export function $1(props: $1Props) {",
"\treturn (",
"\t\t$2",
"\t);",
"}",
""
]
},
"React component class": {
"prefix": "ccs",
"body": [
"import * as React from 'react';",
"",
"export interface $1Props { $2 };",
"interface $1State { $3 };",
"",
"export class $1 extends React.Component<$1Props, $1State> {",
"\tstate: $1Props;",
"",
"\tconstructor(props: $1Props) {",
"\t\tsuper(props);",
"",
"\t\tthis.state = { $4 };",
"\t}",
"",
"\trender() {",
"\t\treturn (",
"\t\t\t$5",
"\t\t);",
"\t}",
"}",
""
]
},
"React component class with Redux": {
"prefix": "ccsr",
"body": [
"import * as React from 'react';",
"import { connect } from 'react-redux';",
"import { bindActionCreators } from 'redux';",
"",
"export interface $1Props { $2 };",
"interface $1State { $3 };",
"",
"@connect(state => {",
"\treturn {",
"\t};",
"}, dispatch => {",
"\treturn {",
"\t};",
"})",
"export class $1 extends React.Component<$1Props, $1State> {",
"\tstate: $1State;",
"",
"\tconstructor(props: $1Props) {",
"\t\tsuper(props);",
"",
"\t\tthis.state = { $4 };",
"\t}",
"",
"\trender() {",
"\t\treturn (",
"\t\t\t$5",
"\t\t);",
"\t}",
"}",
""
]
},
"React component will mount": {
"prefix": "cwm",
"body": [
"componentWillMount() {",
"\t$1",
"}"
]
},
"React component did mount": {
"prefix": "cdm",
"body": [
"componentDidMount() {",
"\t$1",
"}"
]
},
"React component will update": {
"prefix": "cwu",
"body": [
"componentWillUpdate() {",
"\t$1",
"}"
]
},
"React component did update": {
"prefix": "cdu",
"body": [
"componentDidUpdate(prevProps, prevState) {",
"\t$1",
"}"
]
},
"React component will unmount": {
"prefix": "cwum",
"body": [
"componentWillUnmount() {",
"\t$1",
"}"
]
},
"React component will receive props": {
"prefix": "cwrp",
"body": [
"componentWillReceiveProps(nextProps) {",
"\t$1",
"}"
]
},
"Insert a console log": {
"prefix": "clog",
"body": "console.log('$1',$1)",
"description": "Inserts a console log statement"
},
"Functional Component": {
"prefix": "rffc",
"body": [
"import React from 'react'",
"",
"const $1 = () => {",
"",
"\treturn ($2)",
"}",
"",
"export default $1"
],
"description": "Inserts a functional component"
},
"Import Redux useSelector": {
"prefix": "imrex",
"body": "import { useSelector, useDispatch } from 'react-redux';",
"description": "Imports useSelector from redux"
},
"Insert debugger with eslint dissable": {
"prefix": "dbug",
"body": [
"// eslint-disable-next-line no-debugger",
"debugger;"
]
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment