Visual Studio Code Settings Sync Gist

cloudSettings

{"lastUpload":"2019-12-22T14:52:32.797Z","extensionVersion":"v3.4.3"}

extensions.json

[
  {
    "metadata": {
      "id": "d3836729-9cc1-42c1-b2af-d50071f57d29",
      "publisherId": "formulahendry.auto-close-tag",
      "publisherDisplayName": "formulahendry"
    },
    "name": "auto-close-tag",
    "publisher": "formulahendry",
    "version": "0.5.6"
  },
  {
    "metadata": {
      "id": "6e440e71-8ed9-4f25-bb78-4b13096b8a03",
      "publisherId": "formulahendry.auto-rename-tag",
      "publisherDisplayName": "formulahendry"
    },
    "name": "auto-rename-tag",
    "publisher": "formulahendry",
    "version": "0.1.1"
  },
  {
    "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": "5be05c89-9633-4e0a-b260-21a6e9d621d1",
      "publisherId": "zitup.classnametocss",
      "publisherDisplayName": "zitup"
    },
    "name": "classnametocss",
    "publisher": "zitup",
    "version": "0.0.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": "121396ad-85a1-45ec-9fd1-d95028a847f5",
      "publisherId": "naumovs.color-highlight",
      "publisherDisplayName": "naumovs"
    },
    "name": "color-highlight",
    "publisher": "naumovs",
    "version": "2.3.0"
  },
  {
    "metadata": {
      "id": "1ec62ca5-d7f9-4ddb-a882-e8d018c0aefd",
      "publisherId": "msjsdiag.debugger-for-chrome",
      "publisherDisplayName": "msjsdiag"
    },
    "name": "debugger-for-chrome",
    "publisher": "msjsdiag",
    "version": "4.12.3"
  },
  {
    "metadata": {
      "id": "19804510-b475-4dae-b0f7-6ca08fd1af0c",
      "publisherId": "dsznajder.es7-react-js-snippets",
      "publisherDisplayName": "dsznajder"
    },
    "name": "es7-react-js-snippets",
    "publisher": "dsznajder",
    "version": "2.5.0"
  },
  {
    "metadata": {
      "id": "8feafe94-2234-4478-8ea6-e5333d65ab5b",
      "publisherId": "ee92.folderize",
      "publisherDisplayName": "ee92"
    },
    "name": "folderize",
    "publisher": "ee92",
    "version": "0.0.5"
  },
  {
    "metadata": {
      "id": "4de763bd-505d-4978-9575-2b7696ecf94e",
      "publisherId": "eamodio.gitlens",
      "publisherDisplayName": "eamodio"
    },
    "name": "gitlens",
    "publisher": "eamodio",
    "version": "10.2.0"
  },
  {
    "metadata": {
      "id": "aae00486-7e92-42b3-91b0-2b419e4f3875",
      "publisherId": "vincaslt.highlight-matching-tag",
      "publisherDisplayName": "vincaslt"
    },
    "name": "highlight-matching-tag",
    "publisher": "vincaslt",
    "version": "0.9.6"
  },
  {
    "metadata": {
      "id": "7b71fc1b-190d-4f7d-95d1-93e422649b0a",
      "publisherId": "Zignd.html-css-class-completion",
      "publisherDisplayName": "Zignd"
    },
    "name": "html-css-class-completion",
    "publisher": "Zignd",
    "version": "1.19.0"
  },
  {
    "metadata": {
      "id": "74f34f8a-245e-4133-8617-a3a94b5a417e",
      "publisherId": "cmstead.jsrefactor",
      "publisherDisplayName": "cmstead"
    },
    "name": "jsrefactor",
    "publisher": "cmstead",
    "version": "2.20.5"
  },
  {
    "metadata": {
      "id": "5db78037-f674-459f-a236-db622c427c5b",
      "publisherId": "PKief.material-icon-theme",
      "publisherDisplayName": "PKief"
    },
    "name": "material-icon-theme",
    "publisher": "PKief",
    "version": "3.9.2"
  },
  {
    "metadata": {
      "id": "b027c4b2-25ad-46db-b574-05dae3b2dc92",
      "publisherId": "azemoh.one-monokai",
      "publisherDisplayName": "azemoh"
    },
    "name": "one-monokai",
    "publisher": "azemoh",
    "version": "0.4.4"
  },
  {
    "metadata": {
      "id": "96fa4707-6983-4489-b7c5-d5ffdfdcce90",
      "publisherId": "esbenp.prettier-vscode",
      "publisherDisplayName": "esbenp"
    },
    "name": "prettier-vscode",
    "publisher": "esbenp",
    "version": "3.17.0"
  },
  {
    "metadata": {
      "id": "1b747f06-3789-4ebd-ac99-f1fe430c3347",
      "publisherId": "alefragnani.project-manager",
      "publisherDisplayName": "alefragnani"
    },
    "name": "project-manager",
    "publisher": "alefragnani",
    "version": "10.9.1"
  },
  {
    "metadata": {
      "id": "c2f1bda1-baa4-4627-975e-d130d7268f70",
      "publisherId": "helixquar.randomeverything",
      "publisherDisplayName": "helixquar"
    },
    "name": "randomeverything",
    "publisher": "helixquar",
    "version": "0.0.3"
  },
  {
    "metadata": {
      "id": "ff798f56-12ff-4a4c-b4c1-c8627b47e10d",
      "publisherId": "ferdelamad.styled-snippets",
      "publisherDisplayName": "ferdelamad"
    },
    "name": "styled-snippets",
    "publisher": "ferdelamad",
    "version": "1.0.3"
  },
  {
    "metadata": {
      "id": "d96e79c6-8b25-4be3-8545-0e0ecefcae03",
      "publisherId": "vscodevim.vim",
      "publisherDisplayName": "vscodevim"
    },
    "name": "vim",
    "publisher": "vscodevim",
    "version": "1.12.2"
  },
  {
    "metadata": {
      "id": "77b70e30-3534-4098-9d6d-382a96babca4",
      "publisherId": "dkundel.vscode-new-file",
      "publisherDisplayName": "dkundel"
    },
    "name": "vscode-new-file",
    "publisher": "dkundel",
    "version": "4.0.2"
  },
  {
    "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": "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.1404"
  }
]

keybindings.json

// Empty

keybindingsMac.json

// Place your key bindings in this file to overwrite the defaults
[
    {
        "key": "tab",
        "command": "selectNextSuggestion",
        "when": "editorTextFocus && suggestWidgetMultipleSuggestions && suggestWidgetVisible"
    },
    {
        "key": "down",
        "command": "-selectNextSuggestion",
        "when": "editorTextFocus && suggestWidgetMultipleSuggestions && suggestWidgetVisible"
    },
    {
        "key": "shift+tab",
        "command": "selectPrevSuggestion",
        "when": "editorTextFocus && suggestWidgetMultipleSuggestions && suggestWidgetVisible"
    },
    {
        "key": "up",
        "command": "-selectPrevSuggestion",
        "when": "editorTextFocus && suggestWidgetMultipleSuggestions && suggestWidgetVisible"
    },
        {
          "key": "cmd+n",
          "command": "newFile.createNewFile"
        },
{
    "key": "cmd+c",
    "command": "",
}]

settings.json

{
  "sync.gist": "724a7d170bca1571674c2256cff10103",
  "workbench.iconTheme": "material-icon-theme",
  "newFile.defaultBaseFileName": "",
  "newFile.relativeTo": "file", // "root" or "project"
  "newFile.defaultFileExtension": "",
  "newFile.rootDirectory": "~",
  "newFile.showPathRelativeTo": "none", // "project" or "none"
  "newFile.expandBraces": false,
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "workbench.colorTheme": "One Monokai",
  "editor.fontSize": 16,
  "editor.fontWeight": "100",
  "editor.fontFamily": "'Fira Code'",
  "editor.fontLigatures": true,
  "terminal.integrated.fontFamily": "\"Hasklug Nerd Font\"",
  "sync.forceUpload": true,
  "prettier.trailingComma": "es5",
  "terminal.external.osxExec": "Hyper",
  "workbench.editor.enablePreview": false,
  "editor.tabSize": 2,
  "tslint.packageManager": "yarn",
  "emmet.showExpandedAbbreviation": "never",
  "typescript.preferences.importModuleSpecifier": "non-relative",
  "eslint.packageManager": "yarn",
  "eslint.alwaysShowStatus": true,
  "tslint.alwaysShowRuleFailuresAsWarnings": true,
  "git.autofetch": true,
  "git.enableSmartCommit": true,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "typescript.updateImportsOnFileMove.enabled": "always",
  "git.confirmSync": false,
  "window.zoomLevel": 0,
  "terminal.integrated.rendererType": "dom",
  "tslint.jsEnable": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.tslint": true
},
"vim.easymotion": true,
"vim.enableNeovim": true,
"vim.neovimPath": "/usr/local/bin/nvim",
"editor.snippetSuggestions": "bottom",
"[typescript]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"emmet.includeLanguages": {
  "javascript": "javascriptreact",
  "typescript": "typescriptreact"
},
"emmet.showSuggestionsAsSnippets": true,
"emmet.triggerExpansionOnTab": true,
"editor.suggest.snippetsPreventQuickSuggestions": false,
"editor.parameterHints.enabled": false,
"editor.suggest.showStructs": false,
"editor.suggestSelection": "recentlyUsedByPrefix",
"php.suggest.basic": false,
"javascript.suggest.completeJSDocs": false,


}

snippets|global.code-snippets

{
	// 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"
	// }
	"cmt": {
		"scope": "javascript,typescript, scss",
		"prefix": "cmt",
		"body": [
			"/* ------------------------ $1 ------------------------ */",
		],
		"description": "comment"
	},
	"lodash": {
		"scope": "javascript,typescript, typescriptreact",
		"prefix": "lodash",
		"body": "import _ from 'lodash';",
	},
	"import styled": {
		"scope": "javascript,typescript, typescriptreact",
		"prefix": "ims",
		"body": "import styled from 'styled-components';",
	}
}

snippets|scss.json

{
	// Place your snippets for scss 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"
	// }
}

snippets|ts-js-tsx.code-snippets

{
	// 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"
	// }
	"Print story": {
		"scope": "javascript,typescript,typescriptreact",
		"prefix": "rns",
		"body": [
			"storiesOf('$1', module)",
			" .add('default', () => $2 )"
		],
		"description": "Log output to console"
	},
	"Print property comment": {
		"scope": "javascript,typescript,typescriptreact",
		"prefix": "cmtp",
		"body": [
			"/**",
			" * @property {propTypes.$1} $2 - $3",
			" */"
		],
		"description": "Log output to console"
	},
	"Create destructuring object": {
		"scope": "javascript,typescript,typescriptreact",
		"prefix": "dob",
		"body": [
			"const { $2 } = $1;"
		]
	},
	"export * from x": {
		"scope": "javascript,typescript,typescriptreact",
		"prefix": "ex",
		"body": [
			"export * from '$1'"
		]
	},
	"const style": {
		"scope": "javascript,typescript,typescriptreact",
		"prefix": "styled",
		"body": [
			"export const Styled${2:$1} = styled($1)`",
			"\t$3",
			"`"
		]
	},
	"Create static default props": {
		"scope": "javascript,typescript,typescriptreact",
		"prefix": "dp",
		"body": [
			"static defaultProps={",
			"  $1",
			"}"
		]
	},
	"Create interface": {
		"scope": "typescript,typescriptreact",
		"prefix": "int",
		"body": [
			"export interface $1 { $2 }"
		]
	},
	"import destructoring": {
		"scope": "javascript,typescript,typescriptreact",
		"prefix": "imp",
		"body": [
			"import { $2 } from '$1'"
		]
	},
	"import deafult": {
		"scope": "javascript,typescript,typescriptreact",
		"prefix": "impd",
		"body": [
			"import $1 from './$1'"
		]
	},
	"styled const": {
		"scope": "javascript,typescript,typescriptreact",
		"prefix": "sty",
		"body": [
			"const Styled${2:$1} = styled($2)`$3",
			"`"
		]
	},
	"minimal back tick expand": {
		"scope": "javascript,typescript,typescriptreact",
		"prefix": "btm",
		"body": [
			"{`${$1}`}"
		]
	},
	"back tick expand": {
		"scope": "javascript,typescript,typescriptreact",
		"prefix": "bt",
		"body": [
			"{`${$1}`}"
		]
	},
	"root i18n text": {
		"scope": "javascript,typescript,typescriptreact",
		"prefix": "brt",
		"body": [
			"{`${${1:rootTxText}}.$2`}"
		]
	},
	"create root i18n text": {
		"scope": "javascript,typescript,typescriptreact",
		"prefix": "rt",
		"body": [
			"const rootTxText = '$1'"
		]
	},
	"export default as": {
		"scope": "javascript,typescript,typescriptreact",
		"prefix": "exd",
		"body": [
			"export { default as $1} from './$1'"
		]
	},
	"Print to console with color": {
		"scope": "javascript,typescript,typescriptreact",
		"prefix": "cl",
		"body": [
			"console.log(`%c ${2:$1}`,`color: ${3:blue}; font-weight: ${4:600}`,$1)"
		],
		"description": "Log output to console"
	},
	"redux sauce tempalte": {
		"scope": "javascript,typescript,typescriptreact",
		"prefix": "rds",
		"body": [
			"import { createActions, createReducer } from 'reduxsauce';",
			"import Immutable from 'seamless-immutable';",
			"\n",
			"/* ------------- Types and Action Creators ------------- */",
			"const { Types, Creators } = createActions<${1:${TM_FILENAME_BASE}}ActionsCreators,${1:${TM_FILENAME_BASE}}ActionsTypes>({",
			"});",
			"\n",
			"export const ${1:${TM_FILENAME_BASE}} Type = Types;",
			"export default Creators;",
			"\n",
			/* ------------- Initial State ------------- */
			"export const INITIAL_STATE = Immutable({",
			"\n",
			"});",
			"\n",
			"/* ------------- Reducers ------------- */",
			"\n\n",
			"/* ------------- Hookup Reducers To Types ------------- */",
			"\n",
			"const HANDLERS={",
			"}",
			"\n",
			"export const reducer = createReducer(INITIAL_STATE, HANDLERS)",
		],
		"description": "Log output to console"
	},
}

snippets|typescript.json

{
	// 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"
	// }

	"console torn":{
		"prefix": "ctl",
		"body": [
			"console.tron.log('$1',$1)"
		]
	}
}

snippets|typescriptreact.json

{
	// 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"
	// }
	"typeScriptReactNativeClassComponent": {
		"prefix": "rnft",
		"body": [
			"import React from 'react'",
			"import { View, Text } from 'react-native'",
			"",
			"export interface ${1:${TM_FILENAME_BASE}}Props {",
			"\t",
			"}",
			"interface State {",
			"\t",
			"}",
			"",
			"export const ${1:${TM_FILENAME_BASE}} = ( props :${1:${TM_FILENAME_BASE}}Props, state: State)=> {",
			"\t\treturn (",
			"\t\t\t<View>",
			"\t\t\t\t<Text> ${1:${TM_FILENAME_BASE}} </Text>",
			"\t\t\t</View>",
			"\t\t)",
			"\t}",
			"",
		],
		"description": "hook components"
	},
	"typeScriptReactFunctionMemoComponent": {
		"prefix": "tsrmc",
		"body": [
			"import React, { memo } from 'react'",
			"",
			"interface Props {",
			"\t",
			"}",
			"",
			"export default memo(function ${1:${TM_FILENAME_BASE}}({}: Props) {",
			"\treturn (",
			"\t\t<div>",
			"\t\t\t ${1:${TM_FILENAME_BASE}} ",
			"\t\t</div>",
			"\t)",
			"})",
			""
		],
		"description": "Creates a React Memo Function Component with ES7 module system and TypeScript interface"
	},
	"console torn": {
		"prefix": "ctl",
		"body": [
			"console.tron.log('$1',$1)"
		]
	},
	"tl": {
		"prefix": "tl",
		"body": [
			"console.tlog('$1',$1)"
		]
	},
	"tls": {
		"prefix": "tls",
		"body": [
			"console.tlog('$1')"
		]
	},
	"new rFC": {
		"prefix": "rf",
		"body": [
			"import React from 'react';",
			"",
			"export const ${TM_FILENAME_BASE}: React.FC = () => {",
			"  return <div>123</div>;",
			"}",
		]
	},
	"new FC": {
		"prefix": "fc",
		"body": [
			"export const ${TM_FILENAME_BASE}: React.FC = () => {",
			"  return <div>123</div>;",
			"}",
		]
	},
	"new FC full": {
		"prefix": "rff",
		"body": [
			"import React from 'react';",
			"",
			"interface Props{",
			"\t$2",
			"}",
			"export const ${TM_FILENAME_BASE}: React.FC<Props> = (props) => {",
			"  return <div>123</div>;",
			"}",
		]
	},
	"default props": {
		"prefix": "dfp",
		"body": [
			"${TM_FILENAME_BASE}.defaultProps={ $1 }",
		]
	},
	"import cx":{
		"prefix": "icx",
		"body": [
			"import cx from 'classnames';",
		]
	}
}

minimal ts setting