Skip to content

Instantly share code, notes, and snippets.

@sammndhr
Created November 26, 2019 19:32
Show Gist options
  • Select an option

  • Save sammndhr/29af493f4ed7dbb57146092b8835dd1c to your computer and use it in GitHub Desktop.

Select an option

Save sammndhr/29af493f4ed7dbb57146092b8835dd1c to your computer and use it in GitHub Desktop.
Newest one
{"lastUpload":"2019-11-26T19:32:48.454Z","extensionVersion":"v3.4.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": "dff6b801-247e-40e9-82e8-8c9b1d19d1b8",
"publisherId": "christian-kohler.npm-intellisense",
"publisherDisplayName": "christian-kohler"
},
"name": "npm-intellisense",
"publisher": "christian-kohler",
"version": "1.3.0"
},
{
"metadata": {
"id": "96fa4707-6983-4489-b7c5-d5ffdfdcce90",
"publisherId": "esbenp.prettier-vscode",
"publisherDisplayName": "esbenp"
},
"name": "prettier-vscode",
"publisher": "esbenp",
"version": "3.10.0"
},
{
"metadata": {
"id": "2f5dd8cb-d251-4d70-abfe-ddebcb077483",
"publisherId": "octref.vetur",
"publisherDisplayName": "octref"
},
"name": "vetur",
"publisher": "octref",
"version": "0.22.6"
},
{
"metadata": {
"id": "dffaf5a1-2219-434b-9d87-cb586fd59260",
"publisherId": "Equinusocio.vsc-material-theme",
"publisherDisplayName": "Equinusocio"
},
"name": "vsc-material-theme",
"publisher": "Equinusocio",
"version": "30.0.0"
},
{
"metadata": {
"id": "3e88257d-ca67-4f32-957e-7ca0e684b620",
"publisherId": "alfnielsen.vsc-organize-imports",
"publisherDisplayName": "alfnielsen"
},
"name": "vsc-organize-imports",
"publisher": "alfnielsen",
"version": "0.1.9"
},
{
"metadata": {
"id": "583b2b34-2c1e-4634-8c0b-0b82e283ea3a",
"publisherId": "dbaeumer.vscode-eslint",
"publisherDisplayName": "dbaeumer"
},
"name": "vscode-eslint",
"publisher": "dbaeumer",
"version": "1.9.1"
},
{
"metadata": {
"id": "06cc3e44-aedb-41b8-a4ea-29ebf3c491fd",
"publisherId": "jpoissonnier.vscode-styled-components",
"publisherDisplayName": "jpoissonnier"
},
"name": "vscode-styled-components",
"publisher": "jpoissonnier",
"version": "0.0.27"
},
{
"metadata": {
"id": "785e4166-645b-4602-a232-157729c81571",
"publisherId": "johnuphoff.vscode-styled-sort",
"publisherDisplayName": "johnuphoff"
},
"name": "vscode-styled-sort",
"publisher": "johnuphoff",
"version": "0.0.7"
}
]
// Place your key bindings in this file to overwrite the defaults
[
{
"key": "cmd+;",
"command": "editor.action.insertSnippet",
"when": "editorTextFocus",
"args": {
"name": "comma"
}
},
{
// console.log snipppet. Find in global.code-snippets file
"key": "shift+cmd+j",
"command": "editor.action.insertSnippet",
"when": "editorTextFocus",
"args": {
// "langId": "javascript", //this makes the shortcut applicaple to file with any extension.
"name": "console.log"
}
},
{
"key": "shift+cmd+i",
"command": "editor.action.insertSnippet",
"when": "editorTextFocus",
"args": {
"name": "arrow.function"
}
},
{
"key": "ctrl+tab",
"command": "workbench.action.nextEditor"
},
{
"key": "shift+cmd+]",
"command": "-workbench.action.nextEditor"
},
{
"key": "ctrl+shift+tab",
"command": "workbench.action.previousEditor"
},
{
"key": "shift+cmd+[",
"command": "-workbench.action.previousEditor"
},
{
"key": "cmd+t",
"command": "workbench.action.terminal.toggleTerminal"
},
{
"key": "ctrl+`",
"command": "-workbench.action.terminal.toggleTerminal"
},
{
"key": "ctrl+cmd+t",
"command": "workbench.action.showAllSymbols"
},
{
"key": "cmd+t",
"command": "-workbench.action.showAllSymbols"
},
{
"key": "cmd+e",
"command": "cursorLineEnd",
"when": "textInputFocus"
},
{
"key": "ctrl+e",
"command": "-cursorLineEnd",
"when": "textInputFocus"
},
{
"key": "ctrl+e",
"command": "actions.findWithSelection"
},
{
"key": "cmd+e",
"command": "-actions.findWithSelection"
},
{
"key": "shift+cmd+a",
"command": "cursorHome",
"when": "textInputFocus"
},
{
"key": "alt+d",
"command": "workbench.action.splitEditor"
},
{
"key": "cmd+\\",
"command": "-workbench.action.splitEditor"
},
{
"key": "shift+alt+t",
"command": "openInTerminal"
},
{
"key": "shift+alt+d",
"command": "workbench.action.editorLayoutSingle"
},
{
"key": "cmd+u",
"command": "cursorLeft",
"when": "textInputFocus"
},
{
"key": "cmd+i",
"command": "cursorRight",
"when": "textInputFocus"
},
{
"key": "alt+cmd+r",
"command": "-workbench.action.terminal.toggleFindRegexTerminalFocus",
"when": "terminalFocus"
},
{
"key": "alt+cmd+r",
"command": "-workbench.action.terminal.toggleFindRegex",
"when": "terminalFindWidgetFocused"
},
{
"key": "alt+cmd+r",
"command": "-toggleFindRegex",
"when": "editorFocus"
},
{
"key": "alt+cmd+r",
"command": "-toggleSearchRegex",
"when": "searchViewletFocus && searchViewletVisible"
}
]
// Useful shortcuts:
// Delete Line --> "shift+cmd+k"
// Move (selected) line(s) up --> "alt+up"
// Open terminal --> "cmd+t"
{ "editor.fontSize": 12,
"editor.tabSize": 2,
"emmet.syntaxProfiles": {
"javascript": "jsx"
},
"emmet.includeLanguages": {
"javascript": "javascriptreact"
},
// material theme
"editor.tokenColorCustomizations": {
"[Material Theme Darker High Contrast]": {
"comments": "#6e6e6e"
}
},
"editor.wordWrap": "on",
"eslint.provideLintTask": true,
"workbench.colorTheme": "Material Theme Darker High Contrast",
"workbench.iconTheme": "eq-material-theme-icons",
"workbench.colorCustomizations": {
"activityBarBadge.background": "#388E3C",
"list.activeSelectionForeground": "#388E3C",
"list.inactiveSelectionForeground": "#388E3C",
"list.highlightForeground": "#388E3C",
"scrollbarSlider.activeBackground": "#388E3C50",
"editorSuggestWidget.highlightForeground": "#388E3C",
"textLink.foreground": "#388E3C",
"progressBar.background": "#388E3C",
"pickerGroup.foreground": "#388E3C",
"tab.activeBorder": "#388E3C",
"notificationLink.foreground": "#388E3C"
},
"materialTheme.cache.workbench.settings": {
"accent": "Breaking Bad"
},
"workbench.activityBar.visible": false,
"workbench.startupEditor": "welcomePage",
"window.zoomLevel": 0,
"workbench.editor.showTabs": true,
"breadcrumbs.enabled": true
}
{ "editor.fontSize": 12,
"editor.tabSize": 2,
"emmet.syntaxProfiles": {
"javascript": "jsx"
},
"emmet.includeLanguages": {
"javascript": "javascriptreact"
},
// material theme
"editor.tokenColorCustomizations": {
"[Material Theme Darker High Contrast]": {
"comments": "#6e6e6e"
}
},
"editor.wordWrap": "on",
"eslint.lintTas.enable": true,
"workbench.colorTheme": "Material Theme Darker High Contrast",
"workbench.iconTheme": "eq-material-theme-icons",
"workbench.colorCustomizations": {
"activityBarBadge.background": "#388E3C",
"list.activeSelectionForeground": "#388E3C",
"list.inactiveSelectionForeground": "#388E3C",
"list.highlightForeground": "#388E3C",
"scrollbarSlider.activeBackground": "#388E3C50",
"editorSuggestWidget.highlightForeground": "#388E3C",
"textLink.foreground": "#388E3C",
"progressBar.background": "#388E3C",
"pickerGroup.foreground": "#388E3C",
"tab.activeBorder": "#388E3C",
"notificationLink.foreground": "#388E3C"
},
"materialTheme.cache.workbench.settings": {
"accent": "Breaking Bad"
},
"workbench.activityBar.visible": false,
"workbench.startupEditor": "welcomePage",
"window.zoomLevel": 0,
"workbench.editor.showTabs": true,
"breadcrumbs.enabled": true
}
{
// Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
// is left empty or omitted, the snippet gets applied to all languages. 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": {
// "scope": "javascript,typescript",
// "prefix": "log",
// "body": [
// "console.log('$1');",
// "$2"
// ],
// "description": "Log output to console"
// }
"console.log": {
"prefix": "clg",
"scope": "javascript,javascriptreact",
"body": [
"console.log(${1:}$SELECTION)${0}"
],
"description": "console.log"
},
"arrow.function": {
"prefix": "arrow",
"scope": "javascript,javascriptreact",
"body": [
"const ${1} = (${2}) => {\n ${3:}\n}\n"
],
"description": "arrow.function"
},
"react.hook": {
"prefix": "hook",
"scope": "javascript,javascriptreact",
"body": [
"const ${1} = (${2}) => {\n return(${3:})\n}\nexport default ${1}"
],
"description": "arrow.hook"
},
"useEffect": {
"prefix": "useEffect",
"body": [
"useEffect(() => {\n ${2:}\n}, [ ${1:} ])",
"$0"
],
"description": "React: useEffect()"
},
"useState()": {
"prefix": "useState",
"body": [
"const [${1}, set${1/(.*)/${1:/capitalize}/}] = useState($2);",
"$0"
],
"description": "useState()"
},
"if": {
"prefix": "if",
"body": [
"if (${1}) ${2}"
],
"description": "One line if statement"
},
"comma": {
"prefix": "com",
"body": [
","
],
"description": "Insert comma"
},
"ifl": {
"prefix": "ifl",
"body": [
"if (${1}) {\n ${2}\n}"
],
"description": "long if statement"
}
}
{
// "console.log": {
// "prefix": "clg",
// "body": [
// "console.log(${1:}$SELECTION)${0};"
// ],
// "description": "console.log"
// },
// "anonArrFunc": {
// "prefix": "anfn",
// "body": [
// "(${1:element}) => {",
// " ${0}",
// "};"
// ],
// "description": "Anonymous Arrow Function"
// }
}
{
// 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"
// }
"clg": {
"prefix": "console.log",
"body": [
"console.log(${1:}$SELECTION)${0};"
],
"description": "console.log"
},
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment