Visual Studio Code Settings Sync Gist

cloudSettings

{"lastUpload":"2019-08-05T07:15:14.662Z","extensionVersion":"v3.4.1"}

extensions.json

[
  {
    "metadata": {
      "id": "6e440e71-8ed9-4f25-bb78-4b13096b8a03",
      "publisherId": "formulahendry.auto-rename-tag",
      "publisherDisplayName": "formulahendry"
    },
    "name": "auto-rename-tag",
    "publisher": "formulahendry",
    "version": "0.1.0"
  },
  {
    "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": "e337c67b-55c2-4fef-8949-eb260e7fb7fd",
      "publisherId": "Shan.code-settings-sync",
      "publisherDisplayName": "Shan"
    },
    "name": "code-settings-sync",
    "publisher": "Shan",
    "version": "3.4.1"
  },
  {
    "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": "aae00486-7e92-42b3-91b0-2b419e4f3875",
      "publisherId": "vincaslt.highlight-matching-tag",
      "publisherDisplayName": "vincaslt"
    },
    "name": "highlight-matching-tag",
    "publisher": "vincaslt",
    "version": "0.9.3"
  },
  {
    "metadata": {
      "id": "a2cec723-5349-460d-9de9-0fd1f8d3456f",
      "publisherId": "xabikos.JavaScriptSnippets",
      "publisherDisplayName": "xabikos"
    },
    "name": "JavaScriptSnippets",
    "publisher": "xabikos",
    "version": "1.7.2"
  },
  {
    "metadata": {
      "id": "a41c1549-4053-44d4-bf30-60fc809b4a86",
      "publisherId": "christian-kohler.path-intellisense",
      "publisherDisplayName": "christian-kohler"
    },
    "name": "path-intellisense",
    "publisher": "christian-kohler",
    "version": "1.4.2"
  },
  {
    "metadata": {
      "id": "96fa4707-6983-4489-b7c5-d5ffdfdcce90",
      "publisherId": "esbenp.prettier-vscode",
      "publisherDisplayName": "esbenp"
    },
    "name": "prettier-vscode",
    "publisher": "esbenp",
    "version": "1.9.0"
  },
  {
    "metadata": {
      "id": "52b60bbb-1b9c-44e7-9d48-8a7abc5d9eff",
      "publisherId": "jawandarajbir.react-vscode-extension-pack",
      "publisherDisplayName": "jawandarajbir"
    },
    "name": "react-vscode-extension-pack",
    "publisher": "jawandarajbir",
    "version": "0.4.0"
  },
  {
    "metadata": {
      "id": "c807e072-5951-4a01-9542-450f946c7ec1",
      "publisherId": "xabikos.ReactSnippets",
      "publisherDisplayName": "xabikos"
    },
    "name": "ReactSnippets",
    "publisher": "xabikos",
    "version": "2.3.0"
  },
  {
    "metadata": {
      "id": "85e93d09-9c05-4473-867f-8daaf1bc9e75",
      "publisherId": "stuart.unique-window-colors",
      "publisherDisplayName": "stuart"
    },
    "name": "unique-window-colors",
    "publisher": "stuart",
    "version": "1.0.51"
  },
  {
    "metadata": {
      "id": "583b2b34-2c1e-4634-8c0b-0b82e283ea3a",
      "publisherId": "dbaeumer.vscode-eslint",
      "publisherDisplayName": "dbaeumer"
    },
    "name": "vscode-eslint",
    "publisher": "dbaeumer",
    "version": "1.9.0"
  },
  {
    "metadata": {
      "id": "ffda6552-0ad5-431b-a4fa-0905a7e4f3f0",
      "publisherId": "bmewburn.vscode-intelephense-client",
      "publisherDisplayName": "bmewburn"
    },
    "name": "vscode-intelephense-client",
    "publisher": "bmewburn",
    "version": "1.1.5"
  },
  {
    "metadata": {
      "id": "ae9e3eb0-3357-4cc0-90ee-598d2d384757",
      "publisherId": "eg2.vscode-npm-script",
      "publisherDisplayName": "eg2"
    },
    "name": "vscode-npm-script",
    "publisher": "eg2",
    "version": "0.3.8"
  },
  {
    "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

// Empty

settings.json

{
    "git.confirmSync": false,
    "workbench.colorTheme": "Ayu Mirage Bordered",
    "git.autofetch": true,
    "editor.minimap.enabled": false,
    "editor.wordWrap": "on",
    "breadcrumbs.enabled": false,
    "javascript.updateImportsOnFileMove.enabled": "always",
    "workbench.startupEditor": "welcomePage",
    "[javascriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "blade.format.enable": true,
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "php.executablePath": "C:\\xampp\\php\\php.exe",
    "php.validate.executablePath": "C:\\xampp\\php\\php.exe",
    "php.suggest.basic": false,
    "window.zoomLevel": 0,
    "git.enableSmartCommit": true,
    "editor.quickSuggestionsDelay": 10,
    "[typescriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "editor.accessibilitySupport": "off",
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "typescript.updateImportsOnFileMove.enabled": "always"
   
}

snippets\javascriptreact.json

{}

snippets\wolthuis.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"
  // }
  // "React (TS) Functional Component": {
  // 	"prefix": "tsc",
  // 	"body": [
  // 		"import * as React from 'react';",
  // 		"",
  // 		"interface I${1:App}Props {",
  // 		"}",
  // 		"",
  // 		"const ${1:App}: React.FC<I${1:App}Props> = () => {",
  // 		"    return (",
  // 		"      <div>",
  // 		"        ${2}",
  // 		"      </div>",
  // 		"    );",
  // 		"};",
  // 		"export default ${1:App};",
  // 		""
  // 	],
  // 	"description": "Create a React Functional Component."
  // },
  "React (TS) Functional Component": {
    "prefix": "tsc",
    "body": [
      "import * as React from 'react';",
      "",
      "interface I${TM_FILENAME_BASE}Props {",
      "}",
      "",
      "const ${TM_FILENAME_BASE}: React.FC<I${TM_FILENAME_BASE}Props> = () => {",
      "    return (",
      "      <div>",
      "        ${2}",
      "      </div>",
      "    );",
      "};",
      "export default ${TM_FILENAME_BASE};",
      ""
    ],
    "description": "Create a React Functional Component."
  },
  "React (TS) Functional Provider": {
    "prefix": "tscp",
    "body": [
      "import React from 'react';",
      "",
      "interface I${TM_FILENAME_BASE}Props {};",
      "",
      "interface I${TM_FILENAME_BASE}Value {};",
      "",
      "export const ${1:App} = React.createContext<I${TM_FILENAME_BASE}Value>({} as I${TM_FILENAME_BASE}Value);",
      "",
      "const ${TM_FILENAME_BASE}: React.FC<I${TM_FILENAME_BASE}Props> = ({children}) => {",
      "",
      "    const value = {};",
      "    return (",
      "       <${1:App}.Provider value={value}>",
      "            {children}",
      "       </${1:App}.Provider>",
      "    );",
      "",
      "};",
      "export default ${TM_FILENAME_BASE};"
    ],
    "description": "Create a React Functional Provider."
  },
  "reactStateless": {
    "prefix": "rsc",
    "body": [
      "import React from 'react';",
      "",
      "const ${1:${TM_FILENAME_BASE}} = () => {",
      "",
      "    return (",
      "       <div>",
      "           $0",
      "       </div>",
      "    )",
      "",
      "};",
      "export default ${1:${TM_FILENAME_BASE}};"
    ],
    "description": "Creates a stateless React component without PropTypes and ES6 module system"
  },
  "reactProvider": {
    "prefix": "rscp",
    "body": [
      "import React from 'react';",
      "",
      "export const ${1:App} = React.createContext();",
      "",
      "const ${TM_FILENAME_BASE} = ({children}) => {",
      "",
      "    const value = {}",
      "    return (",
      "       <${1:App}.Provider value={value}>",
      "            {children}",
      "       </${1:App}.Provider>",
      "    )",
      "",
      "};",
      "export default ${TM_FILENAME_BASE};"
    ],
    "description": "Creates a stateless React component"
  }
}