Last active
November 13, 2020 19:46
-
-
Save Kurtz1993/b0d21c75de55ed7f742b6944d0107e72 to your computer and use it in GitHub Desktop.
Visual Studio Code Settings Sync Gist
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{"lastUpload":"2020-11-13T19:46:11.209Z","extensionVersion":"v3.4.3"} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
[ | |
{ | |
"metadata": { | |
"id": "7a0110bb-231a-4598-aa1b-0769ea46d28b", | |
"publisherId": "aaron-bond.better-comments", | |
"publisherDisplayName": "aaron-bond" | |
}, | |
"name": "better-comments", | |
"publisher": "aaron-bond", | |
"version": "2.1.0" | |
}, | |
{ | |
"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.0" | |
}, | |
{ | |
"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": "532533c9-a894-4a58-9eee-bbfbe7c06f71", | |
"publisherId": "mikestead.dotenv", | |
"publisherDisplayName": "mikestead" | |
}, | |
"name": "dotenv", | |
"publisher": "mikestead", | |
"version": "1.0.1" | |
}, | |
{ | |
"metadata": { | |
"id": "f60a60a6-95ba-42d4-b41c-3d24c1b89588", | |
"publisherId": "EditorConfig.EditorConfig", | |
"publisherDisplayName": "EditorConfig" | |
}, | |
"name": "EditorConfig", | |
"publisher": "EditorConfig", | |
"version": "0.15.1" | |
}, | |
{ | |
"metadata": { | |
"id": "4de763bd-505d-4978-9575-2b7696ecf94e", | |
"publisherId": "eamodio.gitlens", | |
"publisherDisplayName": "eamodio" | |
}, | |
"name": "gitlens", | |
"publisher": "eamodio", | |
"version": "10.2.3" | |
}, | |
{ | |
"metadata": { | |
"id": "e8b488af-fccf-4adf-b60c-fc7455bea107", | |
"publisherId": "emilast.LogFileHighlighter", | |
"publisherDisplayName": "emilast" | |
}, | |
"name": "LogFileHighlighter", | |
"publisher": "emilast", | |
"version": "2.10.0" | |
}, | |
{ | |
"metadata": { | |
"id": "5db78037-f674-459f-a236-db622c427c5b", | |
"publisherId": "PKief.material-icon-theme", | |
"publisherDisplayName": "PKief" | |
}, | |
"name": "material-icon-theme", | |
"publisher": "PKief", | |
"version": "4.4.0" | |
}, | |
{ | |
"metadata": { | |
"id": "a92d457e-6f3f-4167-8087-1a54e1b6e00e", | |
"publisherId": "Angular.ng-template", | |
"publisherDisplayName": "Angular" | |
}, | |
"name": "ng-template", | |
"publisher": "Angular", | |
"version": "0.1100.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": "5.7.2" | |
}, | |
{ | |
"metadata": { | |
"id": "261cac81-cd7b-4555-bb41-0c2d2bcd3e70", | |
"publisherId": "Gruntfuggly.todo-tree", | |
"publisherDisplayName": "Gruntfuggly" | |
}, | |
"name": "todo-tree", | |
"publisher": "Gruntfuggly", | |
"version": "0.0.188" | |
}, | |
{ | |
"metadata": { | |
"id": "4dd4cb5f-8946-4882-bf7c-e5997ab40481", | |
"publisherId": "kisstkondoros.vscode-codemetrics", | |
"publisherDisplayName": "kisstkondoros" | |
}, | |
"name": "vscode-codemetrics", | |
"publisher": "kisstkondoros", | |
"version": "1.24.0" | |
}, | |
{ | |
"metadata": { | |
"id": "0479fc1c-3d67-49f9-b087-fb9069afe48f", | |
"publisherId": "ms-azuretools.vscode-docker", | |
"publisherDisplayName": "ms-azuretools" | |
}, | |
"name": "vscode-docker", | |
"publisher": "ms-azuretools", | |
"version": "1.7.0" | |
}, | |
{ | |
"metadata": { | |
"id": "583b2b34-2c1e-4634-8c0b-0b82e283ea3a", | |
"publisherId": "dbaeumer.vscode-eslint", | |
"publisherDisplayName": "dbaeumer" | |
}, | |
"name": "vscode-eslint", | |
"publisher": "dbaeumer", | |
"version": "2.1.13" | |
}, | |
{ | |
"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" | |
}, | |
{ | |
"metadata": { | |
"id": "5a6dc0d5-dc02-4121-8e24-cad33a2ff0af", | |
"publisherId": "ms-vsliveshare.vsliveshare", | |
"publisherDisplayName": "ms-vsliveshare" | |
}, | |
"name": "vsliveshare", | |
"publisher": "ms-vsliveshare", | |
"version": "1.0.3121" | |
} | |
] |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Place your key bindings in this file to overwrite the defaults | |
[ | |
{ | |
"key": "ctrl+[Semicolon]", | |
"command": "workbench.action.terminal.toggleTerminal" | |
}, | |
{ | |
"key": "ctrl+alt+s", | |
"command": "workbench.action.files.saveAll" | |
}, | |
{ | |
"key": "ctrl+alt+enter", | |
"command": "workbench.action.tasks.terminate" | |
}, | |
{ | |
"key": "ctrl+alt+w", | |
"command": "workbench.action.closeAllEditors" | |
}, | |
{ | |
"key": "ctrl+alt+c", | |
"command": "workbench.files.action.collapseExplorerFolders" | |
}, | |
{ | |
"key": "shift+alt+z", | |
"command": "workbench.action.toggleZenMode" | |
}, | |
{ | |
"key": "shift+alt+f", | |
"command": "editor.action.formatDocument", | |
"when": "editorHasDocumentFormattingProvider && editorTextFocus && !editorReadonly" | |
} | |
] |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Empty | |
[ | |
{ | |
"key": "cmd+[Semicolon]", | |
"command": "workbench.action.terminal.toggleTerminal" | |
}, | |
{ | |
"key": "ctrl+`", | |
"command": "-workbench.action.terminal.toggleTerminal" | |
}, | |
{ | |
"key": "shift+alt+w", | |
"command": "workbench.action.closeAllEditors" | |
}, | |
{ | |
"key": "cmd+k cmd+w", | |
"command": "-workbench.action.closeAllEditors" | |
}, | |
{ | |
"key": "shift+alt+c", | |
"command": "workbench.files.action.collapseExplorerFolders" | |
}, | |
{ | |
"key": "shift+alt+z", | |
"command": "workbench.action.toggleZenMode" | |
}, | |
{ | |
"key": "cmd+k z", | |
"command": "-workbench.action.toggleZenMode" | |
} | |
] |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"name": "material-icon-theme", | |
"version": "2.1.0" | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Place your settings in this file to overwrite the default settings | |
{ | |
"codemetrics.basics.CodeLensHiddenUnder": 10, | |
"codemetrics.basics.ComplexityLevelHigh": 15, | |
"codemetrics.basics.ComplexityLevelLow": 5, | |
"codemetrics.basics.ComplexityLevelNormal": 10, | |
"codemetrics.basics.EnabledForHTML": false, | |
"codemetrics.basics.EnabledForLua": false, | |
"codemetrics.basics.MetricsForClassDeclarationsToggled": false, | |
"debug.openExplorerOnEnd": true, | |
"editor.cursorSmoothCaretAnimation": true, | |
"editor.cursorBlinking": "solid", | |
"editor.defaultFormatter": "esbenp.prettier-vscode", | |
"editor.fontFamily": "'Dank Mono', Consolas, Menlo, Monaco, 'Courier New', monospacef", | |
"editor.fontSize": 14, | |
"editor.fontLigatures": true, | |
"editor.formatOnSave": true, | |
"editor.minimap.enabled": false, | |
"editor.renameOnType": true, | |
"editor.suggest.snippetsPreventQuickSuggestions": false, | |
"editor.suggestSelection": "first", | |
"editor.tabSize": 2, | |
"editor.tokenColorCustomizations": { | |
"textMateRules": [ | |
{ | |
"name": "fontStyle::italic", | |
"scope": [ | |
"comment", | |
"comment.block.documentation", | |
"comment.line.double-slash", | |
"constant", //String, Number, Boolean…, this, super | |
"entity.other.attribute-name.js", | |
"entity.other.attribute-name.jsx", | |
"entity.other.attribute-name.ts", | |
"entity.other.attribute-name.tsx", | |
"entity.name.type.class", //class names | |
"keyword", //import, export, return… | |
"keyword.control", | |
"keyword.control.flow.python", | |
"keyword.control.import.python", | |
"markup.italic.markdown", | |
"markup.quote.markdown", | |
"punctuation.definition.comment", | |
"storage", | |
"storage.modifier", //static keyword | |
"storage.type.class.js", //class keyword | |
"var.this", | |
"variable.language.special.self", | |
"variable.language.super", | |
"variable.language.this", | |
"variable.language.this.js", | |
"variable.language.this.jsx", | |
"variable.language.this.ts", | |
"variable.language.this.tsx", | |
"variable.parameter" | |
], | |
"settings": { | |
"fontStyle": "italic" | |
} | |
}, | |
{ | |
"scope": [ | |
//following will be excluded from italics (VSCode has some defaults for italics) | |
"invalid", | |
"keyword.operator", | |
"constant.numeric.css", | |
"keyword.other.unit.px.css", | |
"constant.numeric.decimal.js", | |
"constant.numeric.json" | |
], | |
"settings": { | |
"fontStyle": "" | |
} | |
} | |
] | |
}, | |
"editor.wordWrap": "on", | |
"explorer.openEditors.visible": 0, | |
"files.eol": "\n", | |
"files.trimTrailingWhitespace": true, | |
"git.autofetch": true, | |
"git.confirmSync": false, | |
"git.enableSmartCommit": true, | |
"gitlens.advanced.messages": { | |
"suppressLineUncommittedWarning": true, | |
"suppressShowKeyBindingsNotice": true, | |
"suppressWelcomeNotice": true | |
}, | |
"gitlens.hovers.currentLine.over": "line", | |
"gitlens.hovers.enabled": false, | |
"gitlens.views.fileHistory.enabled": false, | |
"gitlens.views.lineHistory.enabled": false, | |
"gitlens.currentLine.format": "${author}, ${agoOrDate}", | |
"gitlens.currentLine.scrollable": false, | |
"gitlens.codeLens.recentChange.command": "gitlens.diffWithPrevious", | |
"gitlens.codeLens.scopes": ["blocks", "containers"], | |
"gitlens.views.search.enabled": false, | |
"gitlens.views.compare.location": "scm", | |
"gitlens.views.fileHistory.location": "scm", | |
"gitlens.views.repositories.location": "scm", | |
"gitlens.views.compare.avatars": false, | |
"html.format.wrapLineLength": 100, | |
"html.format.wrapAttributes": "force", | |
"html.format.endWithNewline": true, | |
"html.format.maxPreserveNewLines": 1, | |
"javascript.updateImportsOnFileMove.enabled": "always", | |
"material-icon-theme.activeIconPack": "angular_ngrx", | |
"material-icon-theme.showUpdateMessage": false, | |
"prettier.arrowParens": "avoid", | |
"prettier.endOfLine": "lf", | |
"prettier.htmlWhitespaceSensitivity": "ignore", | |
"prettier.printWidth": 100, | |
"prettier.quoteProps": "as-needed", | |
"prettier.semi": true, | |
"prettier.singleQuote": true, | |
"prettier.tabWidth": 2, | |
"prettier.trailingComma": "es5", | |
"prettier.useTabs": false, | |
"sync.autoDownload": true, | |
"sync.forceDownload": false, | |
"sync.gist": "b0d21c75de55ed7f742b6944d0107e72", | |
"sync.quietSync": true, | |
"sync.removeExtensions": true, | |
"sync.syncExtensions": true, | |
"telemetry.enableTelemetry": false, | |
"terminal.integrated.fontSize": 14, | |
"terminal.integrated.shell.osx": "/bin/zsh", | |
"todo-tree.filtering.includeHiddenFiles": true, | |
"todo-tree.filtering.useBuiltInExcludes": "file excludes", | |
"todo-tree.filtering.excludeGlobs": ["node_modules"], | |
"typescript.referencesCodeLens.enabled": true, | |
"typescript.updateImportsOnFileMove.enabled": "always", | |
"window.restoreWindows": "none", | |
"window.zoomLevel": 0, | |
"workbench.editor.showTabs": true, | |
"workbench.iconTheme": "material-icon-theme", | |
"zenMode.centerLayout": false, | |
"zenMode.hideTabs": false, | |
"[csharp]": { | |
"editor.tabSize": 4 | |
}, | |
"errorLens.delay": 1000, | |
"errorLens.addAnnotationTextPrefixes": true | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"Import module with destructuring": { | |
"prefix": "imp", | |
"body": "import { $2 } from '$1';", | |
"description": "Imports a module with destructuring." | |
}, | |
"Import module with name": { | |
"prefix": "impn", | |
"body": "import $2 from '$1';", | |
"description": "Imports a module with the given name." | |
}, | |
"Import default module": { | |
"prefix": "impd", | |
"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." | |
}, | |
"Object destructure": { | |
"prefix": "ods", | |
"body": "const { $2 } = $1;" | |
}, | |
"Array destructure": { | |
"prefix": "ads", | |
"body": "const [$2] = $1;" | |
}, | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"Import module with destructuring": { | |
"prefix": "impd", | |
"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." | |
}, | |
"Import PropTypes": { | |
"prefix": "impt", | |
"body": "import PropTypes from 'prop-types';" | |
}, | |
"Create Class Component": { | |
"prefix": "ccc", | |
"body": [ | |
"import React, { Component } from 'react';", | |
"", | |
"class ${1:Name} extends Component {", | |
"\tstate = {$2};", | |
"", | |
"\trender() {", | |
"\t\treturn (", | |
"\t\t\t$3", | |
"\t\t);", | |
"\t}", | |
"}", | |
"", | |
"export default $1;", | |
"" | |
] | |
}, | |
"Create Pure Component": { | |
"prefix": "cpc", | |
"body": [ | |
"import React, { PureComponent } from 'react';", | |
"", | |
"class ${1:Name} extends PureComponent {", | |
"\tstate = {$2};", | |
"", | |
"\trender() {", | |
"\t\treturn (", | |
"\t\t\t$3", | |
"\t\t);", | |
"\t}", | |
"}", | |
"", | |
"export default $1;", | |
"" | |
] | |
}, | |
"Stateless Funcional Component": { | |
"prefix": "sfc", | |
"body": [ | |
"import React from 'react';", | |
"", | |
"const ${1:Name} = (${2:props}) => (", | |
"\t$3", | |
");", | |
"", | |
"export default $1;", | |
"" | |
] | |
}, | |
"Component Did Mount": { | |
"prefix": "cdm", | |
"body": [ | |
"componentDidMount() {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"Component Will Mount": { | |
"prefix": "cwm", | |
"body": [ | |
"componentWillMount() {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"Component Will Receive Props": { | |
"prefix": "cwrp", | |
"body": [ | |
"componentWillReceiveProps(nextProps) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"Should Component Update": { | |
"prefix": "scu", | |
"body": [ | |
"shouldComponentUpdate(nextProps, nextState) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"Component Will Update": { | |
"prefix": "cwu", | |
"body": [ | |
"componentWillUpdate(nextProps, nextState) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"Component Did Update": { | |
"prefix": "cdu", | |
"body": [ | |
"componentDidUpdate(prevProps, prevState) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"Component Will Unmount": { | |
"prefix": "cwun", | |
"body": [ | |
"componentWillUnmount() {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"Component Did Catch": { | |
"prefix": "cdc", | |
"body": [ | |
"componentDidCatch(error, info) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"Set state": { | |
"prefix": "ss", | |
"body": "this.setState({ ${1:key}: ${2:value} });" | |
}, | |
"Set state with prevState": { | |
"prefix": "ssp", | |
"body": [ | |
"this.setState(prevState => {", | |
"\t$1", | |
"});" | |
] | |
}, | |
"Get Derived State From Props": { | |
"prefix": "gdsp", | |
"body": [ | |
"static getDerivedStateFromProps(props, state) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"Get Snapshot Before Update": { | |
"prefix": "gsbu", | |
"body": [ | |
"getSnapshotBeforeUpdate(prevProps, prevState, snapshot) {", | |
"\t$1", | |
"}" | |
] | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Show hidden characters
{ | |
"Import module with destructuring": { | |
"prefix": "imp", | |
"body": "import { $2 } from '$1';", | |
"description": "Imports a module with destructuring.", | |
"scope": "javascript,typescript,typescriptreact" | |
}, | |
"Import module with name": { | |
"prefix": "impd", | |
"body": "import $2 from '$1';", | |
"description": "Imports a module with the given name.", | |
"scope": "javascript,typescript,typescriptreact" | |
}, | |
"Import default module": { | |
"prefix": "impm", | |
"body": "import '$1';", | |
"description": "Imports a module or asset.", | |
"scope": "javascript,typescript,typescriptreact" | |
}, | |
"Object destructure": { | |
"prefix": "ods", | |
"body": "const { $2 } = $1;", | |
"scope": "javascript,typescript,typescriptreact" | |
}, | |
"Array destructure": { | |
"prefix": "ads", | |
"body": "const [$2] = $1;", | |
"scope": "javascript,typescript,typescriptreact" | |
}, | |
"Import node dependency": { | |
"prefix": "nd", | |
"body": "const $1 = require('$1');", | |
"scope": "javascript,typescript" | |
}, | |
"Import node dependency with name": { | |
"prefix": "ndn", | |
"body": "const $2 = require('$1');", | |
"scope": "javascript,typescript" | |
}, | |
"Import node dependency with desctructuring": { | |
"prefix": "ndd", | |
"body": "cosnt { $2 } = require('$1');", | |
"scope": "javascript,typescript" | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
// 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" | |
// } | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"Import module with destructuring": { | |
"prefix": "impd", | |
"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." | |
}, | |
"Object destructure": { | |
"prefix": "ods", | |
"body": "const { $2 } = $1;" | |
}, | |
"Array destructure": { | |
"prefix": "ads", | |
"body": "const [$2] = $1;" | |
}, | |
"React Class Component": { | |
"prefix": "rcc", | |
"body": [ | |
"import React from 'react';", | |
"", | |
"class ${1:Name} extends React.Component {", | |
"\tstate: ${2:any} = {$3};", | |
"", | |
"\trender() {", | |
"\t\treturn (", | |
"\t\t\t$4", | |
"\t\t);", | |
"\t}", | |
"}", | |
"", | |
"export default $1;", | |
"" | |
] | |
}, | |
"React Pure Component": { | |
"prefix": "rpc", | |
"body": [ | |
"import React from 'react';", | |
"", | |
"class ${1:Name} extends React.PureComponent {", | |
"\tstate: ${2:any} = {$3};", | |
"", | |
"\trender() {", | |
"\t\treturn (", | |
"\t\t\t$3", | |
"\t\t);", | |
"\t}", | |
"}", | |
"", | |
"export default $1;", | |
"" | |
] | |
}, | |
"React Funcional Component": { | |
"prefix": "rfc", | |
"body": [ | |
"import React from 'react';", | |
"", | |
"const ${1:Name}: React.FC<${2:any}> = ${3:props} => (", | |
"\t$4", | |
");", | |
"", | |
"export default $1;", | |
"" | |
] | |
}, | |
"Component Did Mount": { | |
"prefix": "cdm", | |
"body": [ | |
"componentDidMount() {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"Component Will Mount": { | |
"prefix": "cwm", | |
"body": [ | |
"componentWillMount() {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"Component Will Receive Props": { | |
"prefix": "cwrp", | |
"body": [ | |
"componentWillReceiveProps(nextProps: ${1:any}) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"Should Component Update": { | |
"prefix": "scu", | |
"body": [ | |
"shouldComponentUpdate(nextProps: ${1:any}, nextState: ${2:any}) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"Component Will Update": { | |
"prefix": "cwu", | |
"body": [ | |
"componentWillUpdate(nextProps: ${1:any}, nextState: ${2:any}) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"Component Did Update": { | |
"prefix": "cdu", | |
"body": [ | |
"componentDidUpdate(prevProps: ${1:any}, prevState: ${2:any}) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"Component Will Unmount": { | |
"prefix": "cwun", | |
"body": [ | |
"componentWillUnmount() {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"Component Did Catch": { | |
"prefix": "cdc", | |
"body": [ | |
"componentDidCatch(error, info) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"Set state": { | |
"prefix": "ss", | |
"body": "this.setState({ ${1:key}: ${2:value} });" | |
}, | |
"Set state with prevState": { | |
"prefix": "ssp", | |
"body": [ | |
"this.setState(prevState => {", | |
"\t$1", | |
"});" | |
] | |
}, | |
"Get Derived State From Props": { | |
"prefix": "gdsp", | |
"body": [ | |
"static getDerivedStateFromProps(props: ${1:any}, state: ${2:any}) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"Get Snapshot Before Update": { | |
"prefix": "gsbu", | |
"body": [ | |
"getSnapshotBeforeUpdate(prevProps: ${1:any}, prevState: ${2:any}, snapshot: ${3:any}) {", | |
"\t$1", | |
"}" | |
] | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
// Place your snippets for vue 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" | |
// } | |
"Vue Component": { | |
"prefix": "vcomp", | |
"body": [ | |
"import { Vue, Component } from 'vue-property-decorator';", | |
"", | |
"@Component()", | |
"class $1 extends Vue {", | |
"", | |
"}", | |
"", | |
"export default $1;" | |
] | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"id": "62ffb8323a0fd6935e0697754900edc1", | |
"token": "163f049e799db499b9747d79d7a57a69a50e1ab4", | |
"http_proxy": "" | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{"version":"7.10.1","status":1,"welcomeShown":true} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment