Visual Studio Code Settings Sync Gist

bd3d4befe38185704bf0fc875e9deed6|configuration.json

{"contents":{"editor":{"formatOnSave":true,"tabSize":2,"fontSize":16}},"overrides":[],"keys":["editor.formatOnSave","editor.tabSize","editor.fontSize"]}

cloudSettings

{"lastUpload":"2019-11-19T13:59:17.488Z","extensionVersion":"v3.4.3"}

extensions.json

[
  {
    "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": "f57f68ea-9ee8-42b5-9a97-041d3e4278c4",
      "publisherId": "Dart-Code.dart-code",
      "publisherDisplayName": "Dart-Code"
    },
    "name": "dart-code",
    "publisher": "Dart-Code",
    "version": "3.6.0"
  },
  {
    "metadata": {
      "id": "081cd2e9-bc51-4ea3-977e-544bed2e33a8",
      "publisherId": "bierner.emojisense",
      "publisherDisplayName": "bierner"
    },
    "name": "emojisense",
    "publisher": "bierner",
    "version": "0.5.3"
  },
  {
    "metadata": {
      "id": "43335a8d-5929-408b-874a-65f08362642c",
      "publisherId": "file-icons.file-icons",
      "publisherDisplayName": "file-icons"
    },
    "name": "file-icons",
    "publisher": "file-icons",
    "version": "1.0.19"
  },
  {
    "metadata": {
      "id": "4de763bd-505d-4978-9575-2b7696ecf94e",
      "publisherId": "eamodio.gitlens",
      "publisherDisplayName": "eamodio"
    },
    "name": "gitlens",
    "publisher": "eamodio",
    "version": "10.2.0"
  },
  {
    "metadata": {
      "id": "b63c44fd-0457-4696-99e9-dbfdf70d77de",
      "publisherId": "ritwickdey.LiveServer",
      "publisherDisplayName": "ritwickdey"
    },
    "name": "LiveServer",
    "publisher": "ritwickdey",
    "version": "5.6.1"
  },
  {
    "metadata": {
      "id": "96fa4707-6983-4489-b7c5-d5ffdfdcce90",
      "publisherId": "esbenp.prettier-vscode",
      "publisherDisplayName": "esbenp"
    },
    "name": "prettier-vscode",
    "publisher": "esbenp",
    "version": "3.7.0"
  },
  {
    "metadata": {
      "id": "797a79de-a0fd-4349-9034-bec47be9a941",
      "publisherId": "2gua.rainbow-brackets",
      "publisherDisplayName": "2gua"
    },
    "name": "rainbow-brackets",
    "publisher": "2gua",
    "version": "0.0.6"
  },
  {
    "metadata": {
      "id": "c807e072-5951-4a01-9542-450f946c7ec1",
      "publisherId": "xabikos.ReactSnippets",
      "publisherDisplayName": "xabikos"
    },
    "name": "ReactSnippets",
    "publisher": "xabikos",
    "version": "2.4.0"
  },
  {
    "metadata": {
      "id": "f7ca3c4f-a370-4a7f-8691-7ad0f29f8275",
      "publisherId": "JamesBirtles.svelte-vscode",
      "publisherDisplayName": "JamesBirtles"
    },
    "name": "svelte-vscode",
    "publisher": "JamesBirtles",
    "version": "0.9.3"
  },
  {
    "metadata": {
      "id": "fb374ce1-5343-46c8-a425-900fdad15523",
      "publisherId": "wesbos.theme-cobalt2",
      "publisherDisplayName": "wesbos"
    },
    "name": "theme-cobalt2",
    "publisher": "wesbos",
    "version": "2.1.6"
  },
  {
    "metadata": {
      "id": "6623619a-676d-4cde-943f-a3c193b44fc0",
      "publisherId": "ChakrounAnas.turbo-console-log",
      "publisherDisplayName": "ChakrounAnas"
    },
    "name": "turbo-console-log",
    "publisher": "ChakrounAnas",
    "version": "1.3.1"
  },
  {
    "metadata": {
      "id": "de44183f-5377-4ceb-ac15-79364a30070c",
      "publisherId": "apollographql.vscode-apollo",
      "publisherDisplayName": "apollographql"
    },
    "name": "vscode-apollo",
    "publisher": "apollographql",
    "version": "1.12.0"
  }
]

keybindings.json

// Empty

keybindingsMac.json

// Empty

settings.json

{
  "files.autoSave": "off",
  "workbench.startupEditor": "newUntitledFile",
  // The Cursive font is operator Mono, it's $200 and you need to buy it to get the cursive
  "editor.fontFamily": "Operator Mono, Menlo, Monaco, 'Courier New', monospace",
  "editor.lineHeight": 25,
  "editor.letterSpacing": 0.5,
  "files.trimTrailingWhitespace": true,
  "editor.fontWeight": "400",
  "editor.cursorStyle": "line",
  "editor.cursorWidth": 5,
  "editor.cursorBlinking": "solid",
  "emojisense.languages": {
    "markdown": true,
    "git-commit": false,
    "plaintext": false,
    "json": true,
    "javascript": true
  },
  // Very important: Install this plugin: https://github.com/be5invis/vscode-custom-css
  // You'll need to change this to a file URI scheme on your computer: https://en.wikipedia.org/wiki/File_URI_scheme
  // Mac/Linux: file:///Users/YOUR-PC-USERNAME/.vscodestyles.css
  // Windows: file:///C:/Users/YOUR-PC-USERNAME/.vscodestyles.css
  "vscode_custom_css.imports": ["file:///Users/wesbos/.vscodestyles.css"],
  "editor.renderWhitespace": "all",
  "liveServer.settings.donotShowInfoMsg": true,
  "window.titleBarStyle": "custom",
  "window.zoomLevel": 0,
  "editor.fontSize": 16,
  "workbench.iconTheme": "file-icons",
  "editor.formatOnSave": true,
  "breadcrumbs.enabled": true,
  "editor.minimap.enabled": true,
  "workbench.sideBar.location": "right",
  "powermode.shakeIntensity": 0,
  "sync.gist": "3b68c67428da5132653f17371df5607c",
  "workbench.colorTheme": "Cobalt2",
  "files.exclude": {
    "**/.DS_Store": false,
    "**/.git": false,
    "**/.hg": false,
    "**/.svn": false,
    "**/CVS": false
  },
  "turboConsoleLog.logMessagePrefix": "Console",
  "turboConsoleLog.insertEnclosingFunction": false,
  "turboConsoleLog.insertEnclosingClass": false,
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.tabSize": 2
}

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:
	"Typescript React PureComponent": {
		"prefix": "rpc",
		"body": [
			"import * as React from 'react'",
			"",
			"export class $1 extends React.PureComponent {",
			"\trender() {",
			"\t\treturn ($2);",
			"}}"
		],
		"description": "Typescript React PureComponent"
	},
	"Typescript React Function Component": {
		"prefix": "trf",
		"body": [
			"import React from 'react'",
			"",
			"interface Props {",
			"",
			"}",
			"",
			"const $1: React.FC<Props> = () => {",
			"\t\treturn (<div>Welcome</div>);",
			"}\t\t",
			"export default"
		],
		"description": "Typescript React Function Component"
	},
	"React Native StyleSheet": {
		"prefix": "rnss",
		"body": [
			"import {StyleSheet} from 'react-native'",
			"const styles = StyleSheet.create({",
			"",
			"});"
		],
		"description": "React Native StyleSheet"
	},
	"Toggle State": {
		"prefix": "tog",
		"body": [
			"this.setState(state => ({",
			"\topen: !state.open",
			"}));"
		],
		"description": "toggle state"
	},
	"console.log": {
		"prefix": "cl",
		"body": [
			"console.log($1)"
		],
		"description": "console.log"
	},
	"Apollo Query Component": {
		"prefix": "apq",
		"body": [
			"interface Props {",
			"  children: (data: QueryResult<$1, OperationVariables>) => JSX.Element;",
			"}",
			"",
			"export class $2 extends React.PureComponent<Props> {",
			"  render() {",
			"    return (",
			"     <Query<$1> query={$3}>{x => this.props.children(x)}</Query>",
			"    );",
			"  }",
			"}"
		],
		"description": "Apollo Query Component"
	}
}