Skip to content

Instantly share code, notes, and snippets.

@mimukit
Last active June 14, 2020 06:20
Show Gist options
  • Save mimukit/d928ff3fc1de6ce4a066b936f7767413 to your computer and use it in GitHub Desktop.
Save mimukit/d928ff3fc1de6ce4a066b936f7767413 to your computer and use it in GitHub Desktop.
Visual Studio Code Settings Sync Gist
{"lastUpload":"2020-06-14T06:20:21.288Z","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": "5178733e-4b02-4829-95c5-1ce970847c23",
"publisherId": "teabyii.ayu",
"publisherDisplayName": "teabyii"
},
"name": "ayu",
"publisher": "teabyii",
"version": "0.19.0"
},
{
"metadata": {
"id": "7a0110bb-231a-4598-aa1b-0769ea46d28b",
"publisherId": "aaron-bond.better-comments",
"publisherDisplayName": "aaron-bond"
},
"name": "better-comments",
"publisher": "aaron-bond",
"version": "2.0.5"
},
{
"metadata": {
"id": "464f4ac7-af65-4aa9-9907-4ba7fa419085",
"publisherId": "bungcip.better-toml",
"publisherDisplayName": "bungcip"
},
"name": "better-toml",
"publisher": "bungcip",
"version": "0.3.2"
},
{
"metadata": {
"id": "b689fcc8-d494-4dbf-a228-2c694a578afc",
"publisherId": "alefragnani.Bookmarks",
"publisherDisplayName": "alefragnani"
},
"name": "Bookmarks",
"publisher": "alefragnani",
"version": "11.2.0"
},
{
"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": "1ec62ca5-d7f9-4ddb-a882-e8d018c0aefd",
"publisherId": "msjsdiag.debugger-for-chrome",
"publisherDisplayName": "msjsdiag"
},
"name": "debugger-for-chrome",
"publisher": "msjsdiag",
"version": "4.12.8"
},
{
"metadata": {
"id": "532533c9-a894-4a58-9eee-bbfbe7c06f71",
"publisherId": "mikestead.dotenv",
"publisherDisplayName": "mikestead"
},
"name": "dotenv",
"publisher": "mikestead",
"version": "1.0.1"
},
{
"metadata": {
"id": "b50dfe0a-e906-4a90-853b-ffd40ec2b865",
"publisherId": "walter-ribeiro.full-react-snippets",
"publisherDisplayName": "walter-ribeiro"
},
"name": "full-react-snippets",
"publisher": "walter-ribeiro",
"version": "1.4.1"
},
{
"metadata": {
"id": "438221f8-1107-4ccd-a6fe-f3b7fe0856b7",
"publisherId": "mhutchie.git-graph",
"publisherDisplayName": "mhutchie"
},
"name": "git-graph",
"publisher": "mhutchie",
"version": "1.23.0"
},
{
"metadata": {
"id": "4de763bd-505d-4978-9575-2b7696ecf94e",
"publisherId": "eamodio.gitlens",
"publisherDisplayName": "eamodio"
},
"name": "gitlens",
"publisher": "eamodio",
"version": "10.2.2"
},
{
"metadata": {
"id": "3e8a391a-f3f0-44b2-8631-7847b0c8839a",
"publisherId": "kumar-harsh.graphql-for-vscode",
"publisherDisplayName": "kumar-harsh"
},
"name": "graphql-for-vscode",
"publisher": "kumar-harsh",
"version": "1.15.3"
},
{
"metadata": {
"id": "6226e0be-5975-4616-948c-545d562adc1d",
"publisherId": "heybourn.headwind",
"publisherDisplayName": "heybourn"
},
"name": "headwind",
"publisher": "heybourn",
"version": "1.6.5"
},
{
"metadata": {
"id": "a2cec723-5349-460d-9de9-0fd1f8d3456f",
"publisherId": "xabikos.JavaScriptSnippets",
"publisherDisplayName": "xabikos"
},
"name": "JavaScriptSnippets",
"publisher": "xabikos",
"version": "1.8.0"
},
{
"metadata": {
"id": "f38c2740-fddd-4c9e-8394-b955d3267c70",
"publisherId": "JohnyGeorges.jetjet-theme",
"publisherDisplayName": "JohnyGeorges"
},
"name": "jetjet-theme",
"publisher": "JohnyGeorges",
"version": "1.0.0"
},
{
"metadata": {
"id": "b63c44fd-0457-4696-99e9-dbfdf70d77de",
"publisherId": "ritwickdey.LiveServer",
"publisherDisplayName": "ritwickdey"
},
"name": "LiveServer",
"publisher": "ritwickdey",
"version": "5.6.1"
},
{
"metadata": {
"id": "98790d67-10fa-497c-9113-f6c7489207b2",
"publisherId": "yzhang.markdown-all-in-one",
"publisherDisplayName": "yzhang"
},
"name": "markdown-all-in-one",
"publisher": "yzhang",
"version": "3.0.0"
},
{
"metadata": {
"id": "5db78037-f674-459f-a236-db622c427c5b",
"publisherId": "PKief.material-icon-theme",
"publisherDisplayName": "PKief"
},
"name": "material-icon-theme",
"publisher": "PKief",
"version": "4.1.0"
},
{
"metadata": {
"id": "ef2a5b38-02c4-4193-8561-1f072c209474",
"publisherId": "silvenon.mdx",
"publisherDisplayName": "silvenon"
},
"name": "mdx",
"publisher": "silvenon",
"version": "0.1.0"
},
{
"metadata": {
"id": "113b22c8-8125-42ec-8c6b-80c3f5d5fa5f",
"publisherId": "IBM.output-colorizer",
"publisherDisplayName": "IBM"
},
"name": "output-colorizer",
"publisher": "IBM",
"version": "0.1.2"
},
{
"metadata": {
"id": "0d1241e3-fa60-4f24-8f2a-6d7085677c48",
"publisherId": "ionutvmi.path-autocomplete",
"publisherDisplayName": "ionutvmi"
},
"name": "path-autocomplete",
"publisher": "ionutvmi",
"version": "1.13.6"
},
{
"metadata": {
"id": "96fa4707-6983-4489-b7c5-d5ffdfdcce90",
"publisherId": "esbenp.prettier-vscode",
"publisherDisplayName": "esbenp"
},
"name": "prettier-vscode",
"publisher": "esbenp",
"version": "5.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": "261cac81-cd7b-4555-bb41-0c2d2bcd3e70",
"publisherId": "Gruntfuggly.todo-tree",
"publisherDisplayName": "Gruntfuggly"
},
"name": "todo-tree",
"publisher": "Gruntfuggly",
"version": "0.0.176"
},
{
"metadata": {
"id": "484d897a-6711-403c-ab54-a96f12be5833",
"publisherId": "Equinusocio.vsc-community-material-theme",
"publisherDisplayName": "Equinusocio"
},
"name": "vsc-community-material-theme",
"publisher": "Equinusocio",
"version": "1.4.1"
},
{
"metadata": {
"id": "dffaf5a1-2219-434b-9d87-cb586fd59260",
"publisherId": "Equinusocio.vsc-material-theme",
"publisherDisplayName": "Equinusocio"
},
"name": "vsc-material-theme",
"publisher": "Equinusocio",
"version": "32.6.0"
},
{
"metadata": {
"id": "8c609a4f-268a-41fb-8fe6-b6fcd95e8113",
"publisherId": "equinusocio.vsc-material-theme-icons",
"publisherDisplayName": "equinusocio"
},
"name": "vsc-material-theme-icons",
"publisher": "equinusocio",
"version": "1.1.4"
},
{
"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": "583b2b34-2c1e-4634-8c0b-0b82e283ea3a",
"publisherId": "dbaeumer.vscode-eslint",
"publisherDisplayName": "dbaeumer"
},
"name": "vscode-eslint",
"publisher": "dbaeumer",
"version": "2.1.5"
},
{
"metadata": {
"id": "21b3e09e-b3f7-4e20-9302-50039286650d",
"publisherId": "mkxml.vscode-filesize",
"publisherDisplayName": "mkxml"
},
"name": "vscode-filesize",
"publisher": "mkxml",
"version": "2.1.4"
},
{
"metadata": {
"id": "27d96499-52df-4f8e-8905-275284e25ace",
"publisherId": "vitaliymaz.vscode-svg-previewer",
"publisherDisplayName": "vitaliymaz"
},
"name": "vscode-svg-previewer",
"publisher": "vitaliymaz",
"version": "0.5.2"
},
{
"metadata": {
"id": "4db62a7c-7d70-419c-96d2-6c3a4dc77ea5",
"publisherId": "bradlc.vscode-tailwindcss",
"publisherDisplayName": "bradlc"
},
"name": "vscode-tailwindcss",
"publisher": "bradlc",
"version": "0.3.1"
},
{
"metadata": {
"id": "90a37ca1-92a2-488a-b196-7a8c0b0127ea",
"publisherId": "ms-vscode.vscode-typescript-tslint-plugin",
"publisherDisplayName": "ms-vscode"
},
"name": "vscode-typescript-tslint-plugin",
"publisher": "ms-vscode",
"version": "1.2.3"
}
]
{"previous":null,"current":{"extension":"1.23.0","vscode":"1.45.1"},"apiAvailable":true,"queue":[]}
// Empty
[
{
"key": "ctrl+shift+alt+s",
"command": "workbench.action.files.saveAs"
},
{
"key": "ctrl+shift+s",
"command": "-workbench.action.files.saveAs"
},
{
"key": "ctrl+shift+s",
"command": "workbench.action.files.saveAll"
},
{
"key": "ctrl+k s",
"command": "-workbench.action.files.saveAll"
}
]
// Empty
[
{
"key": "shift+cmd+m k",
"command": "markdown.extension.togglePreview",
"when": "!terminalFocus"
},
{
"key": "shift+cmd+v",
"command": "-markdown.extension.togglePreview",
"when": "!terminalFocus"
}
]
{
// Place your settings in this file to overwrite the default settings
"editor.fontSize": 16,
"editor.tabSize": 2,
"editor.autoIndent": "full",
"editor.wordWrap": "on",
"editor.minimap.enabled": false,
"emmet.includeLanguages": {
"javascript": "javascriptreact"
},
"javascript.format.enable": false,
"javascript.validate.enable": false,
"sync.autoDownload": false,
"sync.autoUpload": false,
"sync.forceDownload": false,
"sync.gist": "d928ff3fc1de6ce4a066b936f7767413",
"sync.quietSync": false,
"workbench.iconTheme": "material-icon-theme",
"typescript.check.npmIsInstalled": false,
"workbench.colorTheme": "Material Theme Ocean High Contrast",
"workbench.editor.enablePreviewFromQuickOpen": false,
"css.validate": true,
"less.validate": true,
"scss.validate": true,
"git.autofetch": true,
"terminal.integrated.shell.osx": "/usr/local/bin/fish",
"search.smartCase": true,
"terminal.integrated.copyOnSelection": true,
"diffEditor.ignoreTrimWhitespace": true,
"sync.removeExtensions": true,
"sync.syncExtensions": true,
"editor.suggestSelection": "recentlyUsedByPrefix",
"workbench.startupEditor": "welcomePage",
"gitlens.advanced.messages": {
"suppressShowKeyBindingsNotice": true
},
"editor.autoClosingBrackets": "always",
"breadcrumbs.enabled": true,
"terminal.integrated.shell.windows": "C:\\\\Windows\\\\System32\\\\WindowsPowerShell\\\\v1.0\\\\powershell.exe",
"window.zoomLevel": -0.5,
"gitlens.views.repositories.location": "explorer",
"terminal.integrated.fontFamily": "Source Code Pro for Powerline",
"terminal.integrated.fontSize": 15,
"terminal.integrated.rendererType": "dom",
"terminal.integrated.cursorStyle": "line",
"git.confirmSync": false,
"explorer.confirmDelete": false,
"editor.codeActionsOnSave": {
"source.organizeImports": true,
"source.fixAll.eslint": false
},
"[typescriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.formatOnSave": true,
"[html]": {
"editor.defaultFormatter": "vscode.html-language-features"
},
"todo-tree.tree.showScanModeButton": false,
"explorer.compactFolders": false,
"tailwindCSS.includeLanguages": {
"typescriptreact": "js",
"typescript": "js"
},
"tailwindCSS.emmetCompletions": true
}
{
/*
// Place your snippets for Java 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"
}
*/
}
{
/*
// JS Snippets
*/
"CallBack_Arrow_Function_JS": {
"prefix": "cba",
"body": [
"(error, result = {}) => {",
"\tif (error || result.error) {",
"\t\tconsole.log('${1:customMessage}', error, result.error);",
"\t} else {",
"\t\tconsole.log('${1:customMessage}', result);",
"\t\t$2",
"\t}",
"}"
],
"description": "A callback arrow function"
},
"Improved_Console_Log": {
"prefix": "clgx",
"body": [
"console.log('$1', $2);"
],
"description": "A quick snippet for console log."
},
"Arrow_Function_Return": {
"prefix": "anfnr",
"body": [
"($1) => ($2)$3"
],
"description": "A quick snippet for console log."
},
"Javascript Export as Default": {
"prefix": "ead",
"body": [
"export { ${1:name} as default };"
],
"description": "Javascript Export as Default"
},
/*
// React Snippets
*/
"SetState_By_Function_With_Params": {
"prefix": "sstfp",
"body": [
"this.setState(prevState => ({$1}));"
],
"description": "A callback arrow function"
},
"SetState_By_Function_Without_Params": {
"prefix": "sstf",
"body": [
"this.setState(() => ({$1}));"
],
"description": "A callback arrow function"
},
"React_Context_Create": {
"prefix": "rcx",
"body": [
"import React from 'react';",
"",
"const ${1:ContextName} = React.createContext({",
"\t$2",
"});",
"",
"export default ${1:ContextName};"
],
"description": "React context create snippet"
},
"React_Context_Provider": {
"prefix": "rcxp",
"body": [
"<${1:ContextName}.Provider value={${2:this.state}}>",
"\t$3",
"</${1:ContextName}.Provider>"
],
"description": "React context provider snippet"
},
"React_Context_Consumer": {
"prefix": "rcxc",
"body": [
"<${1:ContextName}.Consumer>",
"\t{(${2:params}) => (",
"\t\t$3",
"\t)}",
"</${1:ContextName}.Consumer>"
],
"description": "React context consumer snippet"
},
/*
// Meteor Snippets
*/
"Meteor_Import": {
"prefix": "impm",
"body": [
"import { Meteor } from 'meteor/meteor';"
],
"description": "Meteor import snippet"
},
"Meteor_Method_Template": {
"prefix": "metmet",
"body": [
"try {",
"\tif (this.userId) {",
"\t\tcheck(${1:value}, ${2:String});",
"\t\t$4",
"\t}",
"\tthrow new Meteor.Error('unauthorized-access', 'The user must be logged in to access.');",
"}",
"catch (error) {",
"\t// eslint-disable-next-line",
"\tconsole.log('server-error:', error);",
"\tthrow new Meteor.Error('${3:server-error}', error);",
"}",
],
"description": "Meteor method snippet"
},
"Meteor_Publication_Template": {
"prefix": "metpub",
"body": [
"try {",
"\tif (this.userId) {",
"\t\tcheck(${1:value}, ${2:String});",
"\t\t$4",
"\t}",
"",
"\tthrow new Meteor.Error('unauthorized-access', 'The user must be logged in to access.');",
"",
"}",
"catch (error) {",
"\t// eslint-disable-next-line",
"\tconsole.log('server-error:', error);",
"\tthrow new Meteor.Error('${3:server-error}', error);",
"}",
],
"description": "Meteor publication snippet"
},
"Throw_Meteor_Error": {
"prefix": "meterr",
"body": [
"throw new Meteor.Error('${1:Error}', '${2:Reason}');"
],
"description": "Throws new Meteor.Error"
},
"Meteor_Check": {
"prefix": "metc",
"body": [
"check($1, ${2:String});"
],
"description": "Meteor check snippet"
},
"Meteor_Check_Import": {
"prefix": "impmc",
"body": [
"import { check } from 'meteor/check';"
],
"description": "Meteor check import snippet"
},
/*
// JSDOC Snippets
*/
"JSDOC_Module": {
"prefix": "jdm",
"body": [
"/**",
"* Everything about ${1:name} module",
"*",
"* @module ${1:name}",
"* @example <caption>${1:name} data structure</caption>",
"*",
"*/"
],
"description": "JSDoc module snippet"
},
"JSDOC_Meteor_Publication": {
"prefix": "jdp",
"body": [
"/**",
"*",
"*",
"* @memberof module:appointment",
"* @function \"${1:publicationName}\"",
"*",
"* @param {string} userId - id of the user",
"*",
"* @throws Meteor.Error - 'unauthorized-access' - if user is not logged in",
"* @throws Meteor.Error - 'server-error' - if any other server error",
"*",
"* @example <caption>Subscription Example</caption>",
"* Meteor.subscribe('${1:publicationName}', '${2:params}');",
"*/",
],
"description": "JSDoc meteor publication snippet"
},
"JSDOC_Example": {
"prefix": "jde",
"body": [
"@example <caption>${1:title}</caption>",
"*${2:example code}"
],
"description": "JSDoc example snippet"
},
"JSDOC_Example_Subscription": {
"prefix": "jdes",
"body": [
"@example <caption>Subscription Example</caption>",
"* Meteor.subscribe('${1:publicationName}', ${2:params});"
],
"description": "JSDoc parameter data example snippet"
},
"JSDOC_Example_Parameter": {
"prefix": "jdep",
"body": [
"@example <caption>Parameters Example</caption>",
"* ${1:example code}"
],
"description": "JSDoc parameter data example snippet"
},
"JSDOC_Example_Return": {
"prefix": "jder",
"body": [
"@example <caption>Returns Example</caption>",
"* ${1:example code}"
],
"description": "JSDoc return data example snippet"
},
"JSDOC_MemberOf": {
"prefix": "jdmem",
"body": [
"@memberof module:${1:name}"
],
"description": "JSDoc member of module snippet"
},
"JSDOC_Throws_Meteor_Error": {
"prefix": "jdtm",
"body": [
"@throws Meteor.Error - 'unauthorized-access' - if user is not logged in",
"* @throws Meteor.Error - 'server-error' - if any other server error",
"* @throws Meteor.Error - '${1:other-error}' - ${2:error message}"
],
"description": "JSDoc throws common meteor error snippet"
},
/*
// ESLint Snippets
*/
"ESLint_Disable_Next_Line": {
"prefix": "esln",
"body": [
"// eslint-disable-next-line"
],
"description": "ESLint disable next line snippet"
},
/*
// Ant Design
*/
"AntD_Import": {
"prefix": "impa",
"body": [
"import { $1 } from 'antd';"
],
"description": "Antd import snippet"
},
/*
// GraphQL Snippets
*/
"GraphQL_Resolver": {
"prefix": "gqlr",
"body": [
"${1:name}: (parent, args, ctx) => $2"
],
"description": "Graphql resolver snippet"
},
"GraphQL_Resolver_Full": {
"prefix": "gqlrf",
"body": [
"${1:name}: (parent, args, ctx, info) => $2"
],
"description": "Graphql resolver full snippet"
},
}
{
"CallBack_Arrow_Function": {
"prefix": "cba",
"body": [
"(error, result) => {",
"\tif(error) {",
"\t\tconsole.log('${1:customMessage}', error);",
"\t}",
"\telse {",
"\t\tconsole.log('${1:customMessage}', result);",
"\t\t$2",
"\t}",
"}"
],
"description": "A callback arrow function"
},
"React_PropTypes": {
"prefix": "rpt",
"body": [
"${1:Component}.propTypes = {",
"\t",
"};"
],
"description": "React prop types snippet"
},
"Import_PropTypes": {
"prefix": "impt",
"body": [
"import PropTypes from 'prop-types';"
],
"description": "Import PropTypes snippet"
},
"JSX_Ref": {
"prefix": "rrf",
"body": [
"ref={(el) => {",
"\tthis.${1:nameField} = el;",
"}}"
],
"description": "JSX ref snippet"
},
"Method_Binding": {
"prefix": "metb",
"body": [
"this.${1:functionName} = this.${1:functionName}.bind(this);"
],
"description": "Method binding with this"
},
"SetState_By_Function": {
"prefix": "sstf",
"body": [
"this.setState(prevState => ({$1}));"
],
"description": "A callback arrow function"
},
"Toastify_React": {
"prefix": "toast",
"body": [
"toast('${1:message}', { type: '${2:info}' });"
],
"description": "A quick snippet for react tostify toast."
},
"Improved_Console_Log": {
"prefix": "clg",
"body": [
"console.log('{$1}');"
],
"description": "A quick snippet for console log."
},
"Sweet_Alert": {
"prefix": "swal",
"body": [
"swal({",
"\ttitle: '${1:Good job!}',",
"\ttext: '${2:Some message!}',",
"\ticon: '${3:success}',",
"\ttimer: '${4:2500}',",
"});"
],
"description": "A quick snippet for console log."
},
"Javascript Export as Default": {
"prefix": "ead",
"body": [
"export { ${1:name} as default };"
],
"description": "Javascript Export as Default"
}
}
{
// Place your snippets for typescript 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"
// }
"TypeScript Interface": {
"prefix": "tsi",
"body": [
"interface ${1:name} {",
"\t$2",
"}"
],
"description": "TypeScript Interface Snippet"
},
"TypeScript String Type": {
"prefix": "tss",
"body": [
"${1:name}: string"
],
"description": "TypeScript String Type"
},
"TypeScript Export as Default": {
"prefix": "ead",
"body": [
"export { ${1:name} as default };"
],
"description": "TypeScript Export as Default"
}
}
{
// Place your snippets for typescriptreact 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"
// }
"TypeScript Console Info": {
"prefix": "cli",
"body": [
"console.info($1)"
],
"description": "TypeScript Console Info"
},
"TypeScript Interface": {
"prefix": "tsi",
"body": [
"interface ${1:name} {",
"\t$2",
"}"
],
"description": "TypeScript Interface Snippet"
},
"TypeScript String Type": {
"prefix": "tss",
"body": [
"${1:name}: string"
],
"description": "TypeScript String Type"
},
"TypeScript Export as Default": {
"prefix": "ead",
"body": [
"export { ${1:name} as default };"
],
"description": "TypeScript Export as Default"
},
"TypeScript Import React": {
"prefix": "imr",
"body": [
"import React from 'react';"
],
"description": "TypeScript Import React"
},
"TypeScript Import React & Component": {
"prefix": "imrc",
"body": [
"import React, { Component } from 'react';"
],
"description": "TypeScript Import React & Component"
},
"TypeScript React SetState": {
"prefix": "sst",
"body": [
"this.setState({",
"\t$1",
"});"
],
"description": "TypeScript React SetState"
},
"TypeScript React SetState Function": {
"prefix": "sstf",
"body": [
"this.setState((state) => ({",
"\t$1",
"}));"
],
"description": "TypeScript React SetState Function"
},
"TypeScript React Functional Component Export Default": {
"prefix": "tsrfe",
"body": [
"import React from 'react';",
"",
"interface ${1:Name}Props {}",
"",
"const ${1:Name}: React.FunctionComponent<${1:Name}Props> = () => ($2);",
"",
"export default ${1:Name};"
],
"description": "TypeScript React Functional Component Export Default"
},
"TypeScript React Empty Functional Component": {
"prefix": "efe",
"body": [
"const ${1:Name} = () => null;",
"",
"export default ${1:Name};",
],
"description": "TypeScript React Empty Functional Component"
},
}
{"version":"7.10.1","status":2,"welcomeShown":true}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment