Skip to content

Instantly share code, notes, and snippets.

@gaboesquivel
Created June 16, 2020 01:09
Show Gist options
  • Save gaboesquivel/52c0dd82d799e99cbddd9360c9ab25cf to your computer and use it in GitHub Desktop.
Save gaboesquivel/52c0dd82d799e99cbddd9360c9ab25cf to your computer and use it in GitHub Desktop.
Visual Studio Code Settings Sync Gist
{"lastUpload":"2020-06-14T05:55:09.813Z","extensionVersion":"v3.4.3"}
[
{
"metadata": {
"id": "d3836729-9cc1-42c1-b2af-d50071f57d29",
"publisherId": "formulahendry.auto-close-tag",
"publisherDisplayName": "formulahendry"
},
"name": "auto-close-tag",
"publisher": "formulahendry",
"version": "0.5.7"
},
{
"metadata": {
"id": "6e440e71-8ed9-4f25-bb78-4b13096b8a03",
"publisherId": "formulahendry.auto-rename-tag",
"publisherDisplayName": "formulahendry"
},
"name": "auto-rename-tag",
"publisher": "formulahendry",
"version": "0.1.3"
},
{
"metadata": {
"id": "464f4ac7-af65-4aa9-9907-4ba7fa419085",
"publisherId": "bungcip.better-toml",
"publisherDisplayName": "bungcip"
},
"name": "better-toml",
"publisher": "bungcip",
"version": "0.3.2"
},
{
"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.3"
},
{
"metadata": {
"id": "bff91732-0f11-4501-87f6-a9d2e4fad86e",
"publisherId": "alexanderte.dainty-vscode",
"publisherDisplayName": "alexanderte"
},
"name": "dainty-vscode",
"publisher": "alexanderte",
"version": "1.1.22"
},
{
"metadata": {
"id": "532533c9-a894-4a58-9eee-bbfbe7c06f71",
"publisherId": "mikestead.dotenv",
"publisherDisplayName": "mikestead"
},
"name": "dotenv",
"publisher": "mikestead",
"version": "1.0.1"
},
{
"metadata": {
"id": "9f5a5fc9-8b23-4484-85c4-1438b82d8634",
"publisherId": "bierner.github-markdown-preview",
"publisherDisplayName": "bierner"
},
"name": "github-markdown-preview",
"publisher": "bierner",
"version": "0.0.2"
},
{
"metadata": {
"id": "7328a705-91fc-49e6-8293-da6f112e482d",
"publisherId": "GitHub.github-vscode-theme",
"publisherDisplayName": "GitHub"
},
"name": "github-vscode-theme",
"publisher": "GitHub",
"version": "1.1.2"
},
{
"metadata": {
"id": "4de763bd-505d-4978-9575-2b7696ecf94e",
"publisherId": "eamodio.gitlens",
"publisherDisplayName": "eamodio"
},
"name": "gitlens",
"publisher": "eamodio",
"version": "10.2.2"
},
{
"metadata": {
"id": "d6f6cfea-4b6f-41f4-b571-6ad2ab7918da",
"publisherId": "golang.Go",
"publisherDisplayName": "golang"
},
"name": "Go",
"publisher": "golang",
"version": "0.14.4"
},
{
"metadata": {
"id": "8ee0c715-ca9e-4ce2-8841-5faa5e0f3255",
"publisherId": "andys8.jest-snippets",
"publisherDisplayName": "andys8"
},
"name": "jest-snippets",
"publisher": "andys8",
"version": "1.8.0"
},
{
"metadata": {
"id": "b0db4123-c5d9-4f45-bd2e-70738ebbb304",
"publisherId": "bierner.markdown-checkbox",
"publisherDisplayName": "bierner"
},
"name": "markdown-checkbox",
"publisher": "bierner",
"version": "0.1.3"
},
{
"metadata": {
"id": "f595c9c1-28b5-415e-a55f-2deb4a8c3abd",
"publisherId": "bierner.markdown-emoji",
"publisherDisplayName": "bierner"
},
"name": "markdown-emoji",
"publisher": "bierner",
"version": "0.0.9"
},
{
"metadata": {
"id": "5cbdf58a-694a-4aba-af08-61d00842eb03",
"publisherId": "bierner.markdown-preview-github-styles",
"publisherDisplayName": "bierner"
},
"name": "markdown-preview-github-styles",
"publisher": "bierner",
"version": "0.1.6"
},
{
"metadata": {
"id": "b872af63-f9e1-438e-9462-0315abe9d3aa",
"publisherId": "bierner.markdown-yaml-preamble",
"publisherDisplayName": "bierner"
},
"name": "markdown-yaml-preamble",
"publisher": "bierner",
"version": "0.0.4"
},
{
"metadata": {
"id": "a41c1549-4053-44d4-bf30-60fc809b4a86",
"publisherId": "christian-kohler.path-intellisense",
"publisherDisplayName": "christian-kohler"
},
"name": "path-intellisense",
"publisher": "christian-kohler",
"version": "2.2.1"
},
{
"metadata": {
"id": "d80b9a94-f4a6-4e39-bc42-62212e365682",
"publisherId": "pnp.polacode",
"publisherDisplayName": "pnp"
},
"name": "polacode",
"publisher": "pnp",
"version": "0.3.4"
},
{
"metadata": {
"id": "96fa4707-6983-4489-b7c5-d5ffdfdcce90",
"publisherId": "esbenp.prettier-vscode",
"publisherDisplayName": "esbenp"
},
"name": "prettier-vscode",
"publisher": "esbenp",
"version": "5.0.0"
},
{
"metadata": {
"id": "33ce9d6b-41cf-4972-a62b-386f7201981d",
"publisherId": "Prisma.prisma",
"publisherDisplayName": "Prisma"
},
"name": "prisma",
"publisher": "Prisma",
"version": "2.0.0"
},
{
"metadata": {
"id": "aae0701b-111f-49c1-9000-abd37a442f28",
"publisherId": "WallabyJs.quokka-vscode",
"publisherDisplayName": "WallabyJs"
},
"name": "quokka-vscode",
"publisher": "WallabyJs",
"version": "1.0.294"
},
{
"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": "37d7747f-e652-4eac-83de-f2939f7e2121",
"publisherId": "anseki.vscode-color",
"publisherDisplayName": "anseki"
},
"name": "vscode-color",
"publisher": "anseki",
"version": "0.4.5"
},
{
"metadata": {
"id": "0479fc1c-3d67-49f9-b087-fb9069afe48f",
"publisherId": "ms-azuretools.vscode-docker",
"publisherDisplayName": "ms-azuretools"
},
"name": "vscode-docker",
"publisher": "ms-azuretools",
"version": "1.2.1"
},
{
"metadata": {
"id": "ea6a6046-2132-421f-a984-664909fcf0b8",
"publisherId": "hediet.vscode-drawio",
"publisherDisplayName": "hediet"
},
"name": "vscode-drawio",
"publisher": "hediet",
"version": "0.6.6"
},
{
"metadata": {
"id": "583b2b34-2c1e-4634-8c0b-0b82e283ea3a",
"publisherId": "dbaeumer.vscode-eslint",
"publisherDisplayName": "dbaeumer"
},
"name": "vscode-eslint",
"publisher": "dbaeumer",
"version": "2.1.5"
},
{
"metadata": {
"id": "55ef6448-487b-49a0-a66e-4d2d9bb82229",
"publisherId": "Prisma.vscode-graphql",
"publisherDisplayName": "Prisma"
},
"name": "vscode-graphql",
"publisher": "Prisma",
"version": "0.2.14"
},
{
"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": "10.1.1"
},
{
"metadata": {
"id": "c46b0018-f317-4b6c-a785-d2039b27338f",
"publisherId": "wix.vscode-import-cost",
"publisherDisplayName": "wix"
},
"name": "vscode-import-cost",
"publisher": "wix",
"version": "2.12.0"
},
{
"metadata": {
"id": "92d01ae4-5a2e-4299-990c-7905798fb719",
"publisherId": "jsynowiec.vscode-insertdatestring",
"publisherDisplayName": "jsynowiec"
},
"name": "vscode-insertdatestring",
"publisher": "jsynowiec",
"version": "2.2.4"
},
{
"metadata": {
"id": "af8cfc85-cb72-45d0-bae2-9a98cd0c69f3",
"publisherId": "JounQin.vscode-mdx",
"publisherDisplayName": "JounQin"
},
"name": "vscode-mdx",
"publisher": "JounQin",
"version": "0.1.4"
},
{
"metadata": {
"id": "06cc3e44-aedb-41b8-a4ea-29ebf3c491fd",
"publisherId": "jpoissonnier.vscode-styled-components",
"publisherDisplayName": "jpoissonnier"
},
"name": "vscode-styled-components",
"publisher": "jpoissonnier",
"version": "0.0.29"
},
{
"metadata": {
"id": "4db62a7c-7d70-419c-96d2-6c3a4dc77ea5",
"publisherId": "bradlc.vscode-tailwindcss",
"publisherDisplayName": "bradlc"
},
"name": "vscode-tailwindcss",
"publisher": "bradlc",
"version": "0.3.1"
},
{
"metadata": {
"id": "8d088af2-ecd1-4b8f-93e9-322125c47b3c",
"publisherId": "BriteSnow.vscode-toggle-quotes",
"publisherDisplayName": "BriteSnow"
},
"name": "vscode-toggle-quotes",
"publisher": "BriteSnow",
"version": "0.3.2"
},
{
"metadata": {
"id": "2b2535e4-d0cd-4b0a-9a18-5db6d6fb0c31",
"publisherId": "toba.vsfire",
"publisherDisplayName": "toba"
},
"name": "vsfire",
"publisher": "toba",
"version": "1.4.1"
}
]
c9a9fc61a2940b4575086201867a7b4e5385fbea0e8eb0edab0600371f8e2178418312d5a7f8a7a9932002d69b2c5f2e7101324039b9d570174723358b2a63050085827f3226f49108d73e2d012ba9880ae8aaffeffaa4e78ca54d450ef343a1a0466e546a7531cdbf4326ddac5fccc6e46a385c0d99fcc71e0d67d94f09e5a1
[
{
"key": "ctrl+`",
"command": "workbench.action.terminal.focus",
"when": "editorTextFocus"
},
{
"key": "ctrl+`",
"command": "workbench.action.focusActiveEditorGroup",
"when": "terminalFocus"
},
{
"key": "alt+`",
"command": "workbench.action.terminal.toggleTerminal"
},
{
"key": "ctrl+shift+\\",
"command": "workbench.action.terminal.split"
},
{
"key": "ctrl+shift+q",
"command": "workbench.action.toggleMaximizedPanel"
},
{
"key": "ctrl+shift+n",
"command": "workbench.action.terminal.new"
},
{
"key": "ctrl+shift+x",
"command": "workbench.action.terminal.kill"
},
{
"key": "ctrl+shift+j",
"command": "workbench.action.terminal.focusNext"
},
{
"key": "ctrl+shift+k",
"command": "workbench.action.terminal.focusPrevious"
}
]
{
"auto-close-tag.activationOnLanguage": [
"xml",
"php",
"blade",
"ejs",
"jinja",
"javascript",
"javascriptreact",
"typescript",
"typescriptreact",
"plaintext",
"markdown",
"mdx",
"vue",
"liquid",
"erb",
"lang-cfml",
"cfml",
"HTML (Eex)"
],
"breadcrumbs.enabled": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"editor.cursorBlinking": "solid",
"editor.cursorStyle": "line",
"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,
"editor.formatOnPaste": true,
"editor.formatOnSave": true,
"editor.highlightActiveIndentGuide": true,
"editor.letterSpacing": 0.3,
"editor.lineHeight": 24,
"editor.matchBrackets": "always",
"editor.multiCursorMergeOverlapping": false,
"editor.renderIndentGuides": false,
"editor.renderLineHighlight": "all",
"editor.renderWhitespace": "selection",
"editor.snippetSuggestions": "top",
"editor.tabSize": 2,
"eslint.alwaysShowStatus": true,
"eslint.options": {
"extensions": [".js", ".jsx", ".ts", ".tsx"]
},
"eslint.packageManager": "yarn",
"eslint.probe": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact",
"html",
"vue"
],
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact"
],
"explorer.confirmDelete": false,
"explorer.confirmDragAndDrop": false,
"explorer.openEditors.visible": 0,
"files.associations": {
"Dockerfile*": "dockerfile"
},
"files.insertFinalNewline": true,
"git.autofetch": true,
"gitlens.views.compare.location": "gitlens",
"gitlens.views.fileHistory.location": "gitlens",
"gitlens.views.lineHistory.location": "gitlens",
"gitlens.views.repositories.location": "gitlens",
"gitlens.views.search.location": "gitlens",
"go.formatTool": "goimports",
"html.format.enable": false,
"javascript.format.enable": false,
"javascript.updateImportsOnFileMove.enabled": "always",
"json.format.enable": false,
"polacode.shadow": "gba(0, 0, 0, 0.55) 0px 20px 68px",
"polacode.target": "snippet",
"polacode.transparentBackground": true,
"prettier.arrowParens": "always",
"prettier.semi": false,
"prettier.singleQuote": true,
"prettier.trailingComma": "es5",
"sync.autoDownload": true,
"sync.autoUpload": true,
"sync.forceDownload": false,
"sync.gist": "81bb46dd552a0931c2d0e1ec56f5c7a8",
"sync.quietSync": false,
"sync.removeExtensions": true,
"sync.syncExtensions": true,
"terminal.integrated.cursorBlinking": true,
"terminal.integrated.cursorStyle": "underline",
"terminal.integrated.fontFamily": "Fira Code",
"terminal.integrated.letterSpacing": 1,
"terminal.integrated.lineHeight": 1.5,
"terminal.integrated.shell.osx": "/bin/zsh",
"terminal.integrated.shellArgs.osx": [],
"typescript.format.enable": false,
"typescript.updateImportsOnFileMove.enabled": "always",
"window.zoomLevel": 0,
"workbench.colorTheme": "Dainty – Ayu Mirage",
"workbench.iconTheme": "vscode-icons",
"workbench.sideBar.location": "left",
"prettier.proseWrap": "always",
"prettier.requireConfig": true
}
{
// Place your snippets for javascriptreact 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
"Import module": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "i",
"body": "import '${1:module}'"
},
"Import default": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "id",
"body": "import ${0:module} from '${1:module}'"
},
"Named import": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "in",
"body": "import { $0 } from '${1:module}'"
},
"Import as namespace": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "ian",
"body": "import * as ${0:namespace} from '${1:module}'"
},
//
//
// Export
"Export": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "e",
"body": "export $0"
},
"Export default": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "ed",
"body": "export default $0"
},
"Export all": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "ea",
"body": "export * from '${0:module}'"
},
"Export named import": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "ena",
"body": "export { $0 } from '${1:module}'"
},
"Export named default": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "end",
"body": "export { default as $0 } from '${1:module}'"
},
//
//
// Constants
"Constant": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "c",
"body": "const ${1:foo} = $0"
},
"Object constant": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "co",
"body": "const ${1:obj} = { $0 }"
},
"Destructured object constant": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "cdo",
"body": "const { $0 } = ${1:obj}"
},
"Array constant": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "ca",
"body": "const ${1:arr} = [$0]"
},
"Destructured array constant": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "cda",
"body": "const [$0] = ${1:arr}"
},
"Function constant": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "cf",
"body": ["const ${1:func} = ${2:async} ($3)$4 => {", " $0", "}"]
},
"Function constant (inline)": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "cfi",
"body": "const ${1:func} = ($2)$3 => $0"
},
"Require constant": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "cr",
"body": "const $0 = require('${1:module}')"
},
"Ternary constant": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "ct",
"body": "const $1 = $2 ? $3 : $4"
},
//
//
// Logging
"Console log": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "cl",
"body": "console.log($0)"
},
"Console log (string)": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "cls",
"body": "console.log('$0')"
},
"Console log (variable)": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "clv",
"body": "console.log('$0', $0)"
},
"Console log (object)": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "clo",
"body": "console.log({ $0 })"
},
//
//
// Async
"New Promise": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "np",
"body": ["new Promise((resolve${1:, reject}) => {", " $0", "})"]
},
//
//
// React
"Import React": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "ir",
"body": "import React from 'react'"
},
"JSX Pragma": {
"scope": "typescriptreact,javascriptreact",
"prefix": "jsx",
"body": ["/** @jsx ${1:jsx} */", "import { $1 } from '$0'"]
},
"React Component (TS)": {
"scope": "typescriptreact",
"prefix": "rc",
"body": [
"type ${1:Component}Props = {",
" $2",
"}\n",
"const $1: ${3:React.FC}<$1Props> = ($4) => {",
" $0",
"}"
]
},
"React Component (JS)": {
"scope": "javascriptreact",
"prefix": "rc",
"body": ["const $1 = ($2) => {", " $0", "}"]
},
"useState hook": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "rus",
"body": "const [$1, $2] = React.useState($0)"
},
"useEffect hook": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "rue",
"body": ["React.useEffect(() => {", " $0", "}, [])"]
},
"useMemo hook": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "rum",
"body": ["React.useMemo(() => $0, [])"]
},
"useCallback hook": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "ruc",
"body": ["React.useCallback(($1) => $0, [])"]
},
"Render pre-formatted text": {
"scope": "typescriptreact,javascriptreact",
"prefix": "pre",
"body": "<pre>{JSON.stringify($0, null, 2)}</pre>"
},
"Conditional rendering": {
"scope": "typescriptreact,javascriptreact",
"prefix": "rcond",
"body": "{$1 ? $2 : ${3:null}}"
},
"React Fragment": {
"scope": "typescriptreact,javascriptreact",
"prefix": "rfr",
"body": "<React.Fragment>$0</React.Fragment>"
},
"SVG Component": {
"scope": "typescriptreact,javascriptreact",
"prefix": "rsvg",
"body": [
"const ${1:My}Icon: ${2:React.FC<React.SVGProps<SVGSVGElement>>} = (props) => {",
" return ($0)",
"}"
]
},
"Array map": {
"scope": "typescriptreact,javascriptreact",
"prefix": "rmap",
"body": ["{${1:items}.map((${2:item}) => (", " $0", "))}"]
},
//
//
//
// Emotion
"Import styled": {
"scope": "typescriptreact,javascriptreact",
"prefix": "is",
"body": "import styled from '@emotion/styled'"
},
"Import styled (native)": {
"scope": "typescriptreact,javascriptreact",
"prefix": "isn",
"body": "import styled from '@emotion/native'"
},
"Styled component": {
"scope": "typescriptreact,javascriptreact",
"prefix": "sc",
"body": ["const Styled${1:Component} = styled.$2`", " $0", "`"]
},
//
//
//
// Formal & Yup
"Import Formal": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "if",
"body": [
"import useFormal from '@kevinwolf/formal-${1:web}'",
"import * as yup from 'yup'$0"
]
},
"Yup validation schema": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "ys",
"body": ["const validationSchema = yup.object().shape({", " $0", "})"]
},
"Yup string": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "ystr",
"body": "${1:field}: yup.string()$0"
},
"Yup email": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "yem",
"body": ".email('${1:Invalid email}')$0"
},
"Yup required": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "yreq",
"body": ".required('${1:Please fill this field}')$0"
},
"useFormal": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "uf",
"body": [
"const formal = useFormal(",
" { $1 },",
" {",
" schema: ${2:validationSchema},",
" onSubmit: ${3:async (${4:values}) => {\n $0\n\\}}",
" }",
")$0"
]
},
//
//
//
// Material UI.
"Import MaterialUI Component": {
"scope": "typescriptreact,javascriptreact",
"prefix": "muic",
"body": "import ${0:Component} from '@material-ui/core/${0:Component}'"
},
"Import MaterialUI Icon": {
"scope": "typescriptreact,javascriptreact",
"prefix": "muii",
"body": "import ${0:Icon} from '@material-ui/icons/${1:Icon}'"
},
"Import MaterialUI makeStyles": {
"scope": "typescriptreact,javascriptreact",
"prefix": "muimsi",
"body": "import { makeStyles } from '@material-ui/core/styles'$0"
},
"MaterialUI makeStyles": {
"scope": "typescriptreact,javascriptreact",
"prefix": "muims",
"body": ["const useStyles = makeStyles((${1:theme}) => ({", " $0", "}))"]
},
"Import MaterialUI useStyles": {
"scope": "typescriptreact,javascriptreact",
"prefix": "muius",
"body": "const styles = useStyles()$0"
},
"MaterialUI Dialog Imports": {
"scope": "typescriptreact,javascriptreact",
"prefix": "muidi",
"body": [
"import Dialog from '@material-ui/core/Dialog'",
"import DialogTitle from '@material-ui/core/DialogTitle'",
"import DialogContent from '@material-ui/core/DialogContent'",
"import DialogContentText from '@material-ui/core/DialogContentText'",
"import DialogActions from '@material-ui/core/DialogActions'",
"import Button from '@material-ui/core/Button'$0"
]
},
"MaterialUI Dialog JSX": {
"scope": "typescriptreact,javascriptreact",
"prefix": "muid",
"body": [
"<Dialog open={${1:open}} onClose={${2:handleClose}} aria-labelledby=\"form-dialog-title\">",
" <DialogTitle id=\"form-dialog-title\">${3:Title}</DialogTitle>",
" <DialogContent>",
" ${4:<DialogContentText>${5:Text}</DialogContentText>}",
" $0",
" </DialogContent>",
" <DialogActions>",
" ${6:<Button onClick={${2:handleClose}\\}>${7:Cancel}</Button>}",
" <Button onClick={${8:handleSubmit}}>${9:Submit}</Button>",
" </DialogActions>",
"</Dialog>"
]
},
//
//
// Misc.
"Process Exit": {
"scope": "typescript,javascript",
"prefix": "pe",
"body": "process.exit($0)"
},
"JSDoc": {
"scope": "typescript,typescriptreact,javascript,javascriptreact",
"prefix": "jd",
"body": ["/**", " * $0", " */"]
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment