Visual Studio Code Settings Sync Gist

cloudSettings

{"lastUpload":"2019-04-20T02:13:09.697Z","extensionVersion":"v3.2.9"}

extensions.json

[
  {
    "metadata": {
      "id": "6e440e71-8ed9-4f25-bb78-4b13096b8a03",
      "publisherId": "formulahendry.auto-rename-tag",
      "publisherDisplayName": "formulahendry"
    },
    "name": "auto-rename-tag",
    "publisher": "formulahendry",
    "version": "0.0.15"
  },
  {
    "metadata": {
      "id": "70378119-1d85-4935-9733-0298c7a369a2",
      "publisherId": "steoates.autoimport",
      "publisherDisplayName": "steoates"
    },
    "name": "autoimport",
    "publisher": "steoates",
    "version": "1.5.3"
  },
  {
    "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.2.9"
  },
  {
    "metadata": {
      "id": "121396ad-85a1-45ec-9fd1-d95028a847f5",
      "publisherId": "naumovs.color-highlight",
      "publisherDisplayName": "naumovs"
    },
    "name": "color-highlight",
    "publisher": "naumovs",
    "version": "2.3.0"
  },
  {
    "metadata": {
      "id": "2335b326-c334-4e81-bc51-c408fcec6e7c",
      "publisherId": "waderyan.gitblame",
      "publisherDisplayName": "waderyan"
    },
    "name": "gitblame",
    "publisher": "waderyan",
    "version": "2.7.0"
  },
  {
    "metadata": {
      "id": "5960f38e-0bbe-4644-8f9c-9c8824e82511",
      "publisherId": "donjayamanne.githistory",
      "publisherDisplayName": "donjayamanne"
    },
    "name": "githistory",
    "publisher": "donjayamanne",
    "version": "0.4.6"
  },
  {
    "metadata": {
      "id": "4de763bd-505d-4978-9575-2b7696ecf94e",
      "publisherId": "eamodio.gitlens",
      "publisherDisplayName": "eamodio"
    },
    "name": "gitlens",
    "publisher": "eamodio",
    "version": "9.6.2"
  },
  {
    "metadata": {
      "id": "b2afde1a-6cef-4f77-971f-24e66ff2ae38",
      "publisherId": "wix.glean",
      "publisherDisplayName": "wix"
    },
    "name": "glean",
    "publisher": "wix",
    "version": "4.10.2"
  },
  {
    "metadata": {
      "id": "aae00486-7e92-42b3-91b0-2b419e4f3875",
      "publisherId": "vincaslt.highlight-matching-tag",
      "publisherDisplayName": "vincaslt"
    },
    "name": "highlight-matching-tag",
    "publisher": "vincaslt",
    "version": "0.9.1"
  },
  {
    "metadata": {
      "id": "26a529c9-2654-4b95-a63f-02f6a52429e6",
      "publisherId": "zhuangtongfa.Material-theme",
      "publisherDisplayName": "zhuangtongfa"
    },
    "name": "Material-theme",
    "publisher": "zhuangtongfa",
    "version": "2.21.0"
  },
  {
    "metadata": {
      "id": "96fa4707-6983-4489-b7c5-d5ffdfdcce90",
      "publisherId": "esbenp.prettier-vscode",
      "publisherDisplayName": "esbenp"
    },
    "name": "prettier-vscode",
    "publisher": "esbenp",
    "version": "1.8.1"
  },
  {
    "metadata": {
      "id": "1b747f06-3789-4ebd-ac99-f1fe430c3347",
      "publisherId": "alefragnani.project-manager",
      "publisherDisplayName": "alefragnani"
    },
    "name": "project-manager",
    "publisher": "alefragnani",
    "version": "10.5.1"
  },
  {
    "metadata": {
      "id": "7fcdf7df-2a48-408f-b3a8-ac8a8dffbf00",
      "publisherId": "voldemortensen.rainbow-tags",
      "publisherDisplayName": "voldemortensen"
    },
    "name": "rainbow-tags",
    "publisher": "voldemortensen",
    "version": "0.0.3"
  },
  {
    "metadata": {
      "id": "d96e79c6-8b25-4be3-8545-0e0ecefcae03",
      "publisherId": "vscodevim.vim",
      "publisherDisplayName": "vscodevim"
    },
    "name": "vim",
    "publisher": "vscodevim",
    "version": "1.4.0"
  },
  {
    "metadata": {
      "id": "d637104e-1fd7-4063-98fc-8afe46012c9b",
      "publisherId": "sleistner.vscode-fileutils",
      "publisherDisplayName": "sleistner"
    },
    "name": "vscode-fileutils",
    "publisher": "sleistner",
    "version": "2.13.5"
  },
  {
    "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": "8.5.0"
  },
  {
    "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.26"
  },
  {
    "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.0.0"
  }
]

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"
  }
]

settings.json

{
    "prettier.tslintIntegration": true,
    "[typescriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "workbench.colorTheme": "One Dark Pro Vivid",
    "newFile.defaultBaseFileName": "",
    "newFile.relativeTo": "file", // "root" or "project"
    "newFile.defaultFileExtension": "",
    "newFile.rootDirectory": "~",
    "newFile.showPathRelativeTo": "none", // "project" or "none"
    "newFile.expandBraces": false,
    "editor.multiCursorModifier": "alt",
    "editor.fontSize": 13,
    "editor.fontWeight": "100",
    "editor.fontFamily": "'Fira Code','Hasklig-ExtraLight'",
    "editor.fontLigatures": true,
    "window.zoomLevel": 1,
    "workbench.iconTheme": "vscode-icons",
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "sync.gist": "160e0ebd8f761163e9efbbd4800653be",
    "git.autofetch": true,
    "explorer.confirmDragAndDrop": false,
    "workbench.editor.enablePreview": 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"
  // }

  // "Print story":{
	// 	"scope": "javascript,typescript,typescriptreact",
  //   "prefix": "story",
  //   "body": [
	// 		"storiesOf('$1', module)",
	// 		" .add('default', () => $2 )"
  //   ],
  //   "description": "Log output to console"
	// },
  "Create destructuring object": {
    "scope": "javascript,typescript,typescriptreact",
    "prefix": "dob",
    "body": ["const { $2 } = $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"
  // },
  // "Print property comment": {
  //   "scope": "javascript,typescript,typescriptreact",
  //   "prefix": "cmtp",
  //   "body": ["/**", " * @property {propTypes.$1} $2 - $3", " */"],
  //   "description": "Log output to console"
  // },
  "Import destructuring": {
    "scope": "javascript,typescript,typescriptreact",
    "prefix": "imp",
    "body": ["import { $2 } from '$1';"],
    "description": "Import destructuring"
  },
  "Import styled component": {
    "scope": "javascript,typescript,typescriptreact",
    "prefix": "ims",
    "body": ["import styled from 'styled-components'"],
    "description": "Import styled component"
  }
  // "Export const action type flow style": {
  //   "scope": "javascript,typescript,typescriptreact",
  //   "prefix": "ecat",
  //   "body": "export const $1 = '$1'",
  //   "description": "export const action"
  // }
}

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

	"Reactjs Class ts": {
		"prefix": "tsrcc",
		"body": [
			"import React, { Component } from 'react'",
			"",
			"interface IProps {",
			"\t$1",
			"};",
			"",
			"interface IState {",
			"\t$2",
			"};",
			"",
			"class ${TM_FILENAME_BASE} extends Component<IProps, IState> {",
			"\tstatic defaultProps: {};",
			"\tstate = { $3 }",
			"",
			"\trender() {",
			"\t\treturn (",
			"\t\t\t<div>",
			"\t\t\t\t<p>${TM_FILENAME_BASE}</p>",
			"\t\t\t</div>",
			"\t\t);",
			"\t}",
			"}",
			"",
			"${TM_FILENAME_BASE}.defaultProps={",
			"\t$4",
			"}",
			"",
			"export default ${TM_FILENAME_BASE};"
		]
	},

	"PureComponent React Class ts": {
		"prefix": "tsrpc",
		"body": [
			"import React, { PureComponent } from 'react'",
			"",
			"interface IProps {",
			"\t$1",
			"};",
			"",
			"interface State {",
			"\t$2",
			"};",
			"",
			"class ${TM_FILENAME_BASE} extends PureComponent<IProps, IState> {",
			"\tstatic defaultProps: {};",
			"\tstate = { $3 }",
			"",
			"\trender() {",
			"\t\treturn (",
			"\t\t\t<div>",
			"\t\t\t\t<p>${TM_FILENAME_BASE}</p>",
			"\t\t\t</div>",
			"\t\t);",
			"\t}",
			"}",
			"",
			"${TM_FILENAME_BASE}.defaultProps={",
			"\t$4",
			"}",
			"",
			"export default ${TM_FILENAME_BASE};"
		]
	},

}

mini setting