Visual Studio Code Settings Sync Gist

cloudSettings

{"lastUpload":"2019-07-16T15:17:08.352Z","extensionVersion":"v3.4.0"}

extensions.json

[
  {
    "metadata": {
      "id": "5178733e-4b02-4829-95c5-1ce970847c23",
      "publisherId": "teabyii.ayu",
      "publisherDisplayName": "teabyii"
    },
    "name": "ayu",
    "publisher": "teabyii",
    "version": "0.18.0"
  },
  {
    "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": "9af62ee3-0097-4b7b-891a-4a94eb3e1009",
      "publisherId": "yummygum.city-lights-theme",
      "publisherDisplayName": "yummygum"
    },
    "name": "city-lights-theme",
    "publisher": "yummygum",
    "version": "1.1.5"
  },
  {
    "metadata": {
      "id": "e337c67b-55c2-4fef-8949-eb260e7fb7fd",
      "publisherId": "Shan.code-settings-sync",
      "publisherDisplayName": "Shan"
    },
    "name": "code-settings-sync",
    "publisher": "Shan",
    "version": "3.4.0"
  },
  {
    "metadata": {
      "id": "ee0f7a17-5251-4f71-a408-8568747c781c",
      "publisherId": "ngryman.codesandbox-theme",
      "publisherDisplayName": "ngryman"
    },
    "name": "codesandbox-theme",
    "publisher": "ngryman",
    "version": "1.1.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.3.0"
  },
  {
    "metadata": {
      "id": "43335a8d-5929-408b-874a-65f08362642c",
      "publisherId": "file-icons.file-icons",
      "publisherDisplayName": "file-icons"
    },
    "name": "file-icons",
    "publisher": "file-icons",
    "version": "1.0.17"
  },
  {
    "metadata": {
      "id": "3e8a391a-f3f0-44b2-8631-7847b0c8839a",
      "publisherId": "kumar-harsh.graphql-for-vscode",
      "publisherDisplayName": "kumar-harsh"
    },
    "name": "graphql-for-vscode",
    "publisher": "kumar-harsh",
    "version": "1.15.0"
  },
  {
    "metadata": {
      "id": "b63c44fd-0457-4696-99e9-dbfdf70d77de",
      "publisherId": "ritwickdey.LiveServer",
      "publisherDisplayName": "ritwickdey"
    },
    "name": "LiveServer",
    "publisher": "ritwickdey",
    "version": "5.6.1"
  },
  {
    "metadata": {
      "id": "ef2a5b38-02c4-4193-8561-1f072c209474",
      "publisherId": "silvenon.mdx",
      "publisherDisplayName": "silvenon"
    },
    "name": "mdx",
    "publisher": "silvenon",
    "version": "0.1.0"
  },
  {
    "metadata": {
      "id": "e7a6ce7b-3879-4051-a224-0b74504bd396",
      "publisherId": "Equinusocio.moxer-theme",
      "publisherDisplayName": "Equinusocio"
    },
    "name": "moxer-theme",
    "publisher": "Equinusocio",
    "version": "1.9.0"
  },
  {
    "metadata": {
      "id": "2a3e1925-d174-4cd7-baa7-3e13824d68c7",
      "publisherId": "ronnidc.nunjucks",
      "publisherDisplayName": "ronnidc"
    },
    "name": "nunjucks",
    "publisher": "ronnidc",
    "version": "0.2.3"
  },
  {
    "metadata": {
      "id": "96fa4707-6983-4489-b7c5-d5ffdfdcce90",
      "publisherId": "esbenp.prettier-vscode",
      "publisherDisplayName": "esbenp"
    },
    "name": "prettier-vscode",
    "publisher": "esbenp",
    "version": "1.9.0"
  },
  {
    "metadata": {
      "id": "e52bce95-a629-455f-8626-e7301b9e372a",
      "publisherId": "robinbentley.sass-indented",
      "publisherDisplayName": "robinbentley"
    },
    "name": "sass-indented",
    "publisher": "robinbentley",
    "version": "1.5.1"
  },
  {
    "metadata": {
      "id": "bcf8d2e0-44aa-4c41-bba0-265032fcd6f6",
      "publisherId": "ionutvmi.spacegray-vscode",
      "publisherDisplayName": "ionutvmi"
    },
    "name": "spacegray-vscode",
    "publisher": "ionutvmi",
    "version": "1.2.3"
  },
  {
    "metadata": {
      "id": "e5fd2b56-1637-4d4f-8252-6c9d416f9a28",
      "publisherId": "RobbOwen.synthwave-vscode",
      "publisherDisplayName": "RobbOwen"
    },
    "name": "synthwave-vscode",
    "publisher": "RobbOwen",
    "version": "0.0.7"
  },
  {
    "metadata": {
      "id": "9764fb1f-aa45-4e65-a18e-705b3b00761c",
      "publisherId": "tinkertrain.theme-panda",
      "publisherDisplayName": "tinkertrain"
    },
    "name": "theme-panda",
    "publisher": "tinkertrain",
    "version": "1.3.0"
  },
  {
    "metadata": {
      "id": "583b2b34-2c1e-4634-8c0b-0b82e283ea3a",
      "publisherId": "dbaeumer.vscode-eslint",
      "publisherDisplayName": "dbaeumer"
    },
    "name": "vscode-eslint",
    "publisher": "dbaeumer",
    "version": "1.9.0"
  },
  {
    "metadata": {
      "id": "06cc3e44-aedb-41b8-a4ea-29ebf3c491fd",
      "publisherId": "jpoissonnier.vscode-styled-components",
      "publisherDisplayName": "jpoissonnier"
    },
    "name": "vscode-styled-components",
    "publisher": "jpoissonnier",
    "version": "0.0.26"
  }
]

keybindings.json

// Empty

keybindingsMac.json

// Place your key bindings in this file to override the defaults
[
  {
    "key": "ctrl+shift+a",
    "command": "workbench.action.toggleActivityBarVisibility"
  },
  {
    "key": "ctrl+shift+s",
    "command": "workbench.action.toggleStatusbarVisibility"
  }
]

settings.json

{
  // EDITOR
  "editor.fontFamily": "Dank Mono, Operator Mono, Victor Mono, monospace",
  "editor.fontWeight": "100",
  "editor.fontSize": 14,
  "editor.tabSize": 2,
  "editor.wordWrap": "on",
  "editor.wordWrapColumn": 80,
  "editor.glyphMargin": false,
  "editor.tabCompletion": "on",
  "editor.minimap.enabled": false,
  "explorer.openEditors.visible": 0,
  "workbench.statusBar.visible": false,
  "workbench.activityBar.visible": false,
  "workbench.tree.renderIndentGuides": "none",
  

  // TERMINAL
  "terminal.integrated.fontSize": 13,
  "terminal.integrated.fontWeight": "100",
  "terminal.integrated.fontFamily": "Menlo, monospace",
  "terminal.integrated.shell.osx": "/usr/local/bin/fish",
  "terminal.integrated.cursorBlinking": true,


  // THEME
  "workbench.iconTheme": "file-icons",


  // FILES
  "files.autoSave": "onFocusChange",
  "files.defaultLanguage": "html",
  "files.associations": {
    "*.html": "html",
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.tabSize": 2,
    "editor.rulers": [80],
    "editor.formatOnSave": false
  },
  "[javascriptreact]": {
    "editor.rulers": [80],
    "editor.formatOnSave": false
  },
  "emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "nunjucks": "html"
	},
  "files.exclude": {
    "**/.DS_Store": true,
    "**/.cache": true,
    "**/.git": true,
    "**/.svn": true,
    // "**/public": true,
    "**/node_modules": true,
    "**/bower_components": true
  },
  

  // ESLINT/PRETTIER
  "prettier.disableLanguages": ["javascript", "javascriptreact"],
  "eslint.packageManager": "yarn",
  "eslint.autoFixOnSave": true,


  // SYNC
  "sync.gist": "f60ad360c74372db96c50b65f57a04d1",
  "sync.autoUpload": true,
  "sync.forceDownload": false,
  "sync.removeExtensions": false,
  "sync.syncExtensions": true,
  "sync.autoDownload": false,
  "sync.quietSync": true,


  // PLUGINS
  "breadcrumbs.enabled": false,
  "liveServer.settings.donotShowInfoMsg": true,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "workbench.colorTheme": "CodeSandbox",
}

snippets|git-commit.json

{
	// Place your snippets for git-commit 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|html.json

{
	// Place your snippets for html 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|javascript.json

{
	"Styled Components Props": {
		"prefix": ":tp",
		"body": ["${p => p.theme.$0};"]
	},
	"Displays a message in the console.": {
		"prefix": "log",
		"body": ["console.log($1);"],
		"description": "Displays a message in the console."
	},
	"if block": {
		"prefix": "if",
		"body": [
			"if ($0) {",
			"  $1",
			"}"
		],
		"description": "if block"
	},
	"import React": {
		"prefix": "imr",
		"body": ["import React from 'react'", ""]
	},
	"import Styled Components": {
		"prefix": "ims",
		"body": ["import styled from 'styled-components'", ""]
	},
	"React Stateless Component": {
    "prefix": "rsc",
    "body": "import React from 'react';\n\nconst ${1:${TM_FILENAME_BASE}} = () => (\n\t<div>\n\t\t$0\n\t</div>\n);\n\nexport default ${1:${TM_FILENAME_BASE}};",
    "description": "Creates a stateless React component without PropTypes and ES6 module system"
  },
  "React Stateless Component 2": {
    "prefix": "rscr",
    "body": "import React from 'react';\n\nconst ${1:${TM_FILENAME_BASE}} = () => {\n\treturn (\n\t\t<div>\n\t\t\t$0\n\t\t</div>\n\t);\n};\n\nexport default ${1:${TM_FILENAME_BASE}};",
    "description": "Creates a stateless React component without PropTypes and ES6 module system"
  },
}

snippets|javascriptreact.json

{
	"Styled Components Props": {
		"prefix": "tp",
		"body": ["${p => p.theme.$0};"]
	},
	"Displays a message in the console.": {
		"prefix": "log",
		"body": [
			"console.log($1);"
		],
		"description": "Displays a message in the console."
	},
	"if block": {
		"prefix": "if",
		"body": [
			"if ($0) {",
			"  $1",
			"}"
		],
		"description": "if block"
	},
	"import React": {
		"prefix": "imr",
		"body": ["import React from 'react'", ""]
	},
	"import Styled Components": {
		"prefix": "ims",
		"body": ["import styled from 'styled-components'", ""]
	},
	"React Stateless Component": {
    "prefix": "rsc",
    "body": "import React from 'react';\n\nconst ${1:${TM_FILENAME_BASE}} = () => (\n\t<div>\n\t\t$0\n\t</div>\n);\n\nexport default ${1:${TM_FILENAME_BASE}};",
    "description": "Creates a stateless React component without PropTypes and ES6 module system"
  },
  "React Stateless Component 2": {
    "prefix": "rscr",
    "body": "import React from 'react';\n\nconst ${1:${TM_FILENAME_BASE}} = () => {\n\treturn (\n\t\t<div>\n\t\t\t$0\n\t\t</div>\n\t);\n};\n\nexport default ${1:${TM_FILENAME_BASE}};",
    "description": "Creates a stateless React component without PropTypes and ES6 module system"
  },
}

snippets|nunjucks.json

{
	"Nunjucks include block": {
		"prefix": "nin",
		"body": [
			"{% include '$1' %}"
		],
		"description": "Nunjucks include."
	},
	"Nunjucks extend": {
		"prefix": "next",
		"body": [
			"{% extends '$1' %}"
		],
		"description": "Nunjucks extends."
	},
	"Nunjucks Block": {
		"prefix": "nbl",
		"body": [
			"{% block $1 %}$2{% endblock %}"
		],
		"description": "Nunjucks block."
	},
	"Nunjucks if block": {
		"prefix": "nif",
		"body": [
			"{% if $1 %} {{ $1 }} {% endif %}"
		],
		"description": "Nunjucks if block."
	},
	"Nunjucks if/else block": {
		"prefix": "nife",
		"body": [
			"{% if $1 %} {{ $1 }} {% else %} $2 {% endif %}"
		],
		"description": "Nunjucks if/else block."
	},
	"Nunjucks create macro": {
		"prefix": "ncm",
		"body": [
			"{% macro $1($2) %}\n\t$3\n{% endmacro %}"
		],
		"description": "Nunjucks create macro."
	}
}

snippets|scss.json

{
	"respond-min": {
		"prefix": "rmin",
		"body": [
			"@include respond-min($1) {\n\t$0\n}"
		]
	},
	"respond-max": {
		"prefix": "rmax",
		"body": [
			"@include respond-max($1) {\n\t$0\n}"
		]
	},
	"respond-min-max": {
		"prefix": "rminmax",
		"body": [
			"@include respond-min-max($1, $2) {\n\t$0\n}"
		]
	},
}