Code Solutions from Video

cloudSettings

{"lastUpload":"2020-10-08T18:15:35.178Z","extensionVersion":"v3.4.3"}

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.4"
  },
  {
    "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.3"
  },
  {
    "metadata": {
      "id": "19804510-b475-4dae-b0f7-6ca08fd1af0c",
      "publisherId": "dsznajder.es7-react-js-snippets",
      "publisherDisplayName": "dsznajder"
    },
    "name": "es7-react-js-snippets",
    "publisher": "dsznajder",
    "version": "3.0.0"
  },
  {
    "metadata": {
      "id": "8bb12ae3-73f8-40cf-86b7-4bd5729c6238",
      "publisherId": "GrapeCity.gc-excelviewer",
      "publisherDisplayName": "GrapeCity"
    },
    "name": "gc-excelviewer",
    "publisher": "GrapeCity",
    "version": "3.0.40"
  },
  {
    "metadata": {
      "id": "4de763bd-505d-4978-9575-2b7696ecf94e",
      "publisherId": "eamodio.gitlens",
      "publisherDisplayName": "eamodio"
    },
    "name": "gitlens",
    "publisher": "eamodio",
    "version": "10.2.2"
  },
  {
    "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.3"
  },
  {
    "metadata": {
      "id": "a2cec723-5349-460d-9de9-0fd1f8d3456f",
      "publisherId": "xabikos.JavaScriptSnippets",
      "publisherDisplayName": "xabikos"
    },
    "name": "JavaScriptSnippets",
    "publisher": "xabikos",
    "version": "1.8.0"
  },
  {
    "metadata": {
      "id": "ad94b437-b5a7-4249-bf5f-df472ae0d084",
      "publisherId": "ritwickdey.live-sass",
      "publisherDisplayName": "ritwickdey"
    },
    "name": "live-sass",
    "publisher": "ritwickdey",
    "version": "3.0.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": "5.7.1"
  },
  {
    "metadata": {
      "id": "ceff1db7-ccbb-4835-8056-635a65428818",
      "publisherId": "sainoba.px-to-rem",
      "publisherDisplayName": "sainoba"
    },
    "name": "px-to-rem",
    "publisher": "sainoba",
    "version": "1.3.1"
  },
  {
    "metadata": {
      "id": "4e44877c-1c8d-4f9c-ba86-1372d0fbeeb1",
      "publisherId": "dracula-theme.theme-dracula",
      "publisherDisplayName": "dracula-theme"
    },
    "name": "theme-dracula",
    "publisher": "dracula-theme",
    "version": "2.22.1"
  },
  {
    "metadata": {
      "id": "484d897a-6711-403c-ab54-a96f12be5833",
      "publisherId": "Equinusocio.vsc-community-material-theme",
      "publisherDisplayName": "Equinusocio"
    },
    "name": "vsc-community-material-theme",
    "publisher": "Equinusocio",
    "version": "1.4.2"
  },
  {
    "metadata": {
      "id": "dffaf5a1-2219-434b-9d87-cb586fd59260",
      "publisherId": "Equinusocio.vsc-material-theme",
      "publisherDisplayName": "Equinusocio"
    },
    "name": "vsc-material-theme",
    "publisher": "Equinusocio",
    "version": "33.0.0"
  },
  {
    "metadata": {
      "id": "8c609a4f-268a-41fb-8fe6-b6fcd95e8113",
      "publisherId": "equinusocio.vsc-material-theme-icons",
      "publisherDisplayName": "equinusocio"
    },
    "name": "vsc-material-theme-icons",
    "publisher": "equinusocio",
    "version": "1.2.0"
  },
  {
    "metadata": {
      "id": "ccf9294f-f78f-429a-8856-387624db2432",
      "publisherId": "hnw.vscode-auto-open-markdown-preview",
      "publisherDisplayName": "hnw"
    },
    "name": "vscode-auto-open-markdown-preview",
    "publisher": "hnw",
    "version": "0.0.4"
  },
  {
    "metadata": {
      "id": "d7b592dd-41c9-4f2b-acf3-055ae65e55c6",
      "publisherId": "dzannotti.vscode-babel-coloring",
      "publisherDisplayName": "dzannotti"
    },
    "name": "vscode-babel-coloring",
    "publisher": "dzannotti",
    "version": "0.0.4"
  },
  {
    "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": "11.0.0"
  },
  {
    "metadata": {
      "id": "06cc3e44-aedb-41b8-a4ea-29ebf3c491fd",
      "publisherId": "jpoissonnier.vscode-styled-components",
      "publisherDisplayName": "jpoissonnier"
    },
    "name": "vscode-styled-components",
    "publisher": "jpoissonnier",
    "version": "0.0.32"
  },
  {
    "metadata": {
      "id": "3262c42b-a248-4b97-9f4d-5a6812bac132",
      "publisherId": "midnightsyntax.vscode-wrap-console-log",
      "publisherDisplayName": "midnightsyntax"
    },
    "name": "vscode-wrap-console-log",
    "publisher": "midnightsyntax",
    "version": "1.7.2"
  }
]

globalStorage\equinusocio.vsc-material-theme-icons\settings.json

{"version":"1.2.0"}

keybindings.json

// Place your key bindings in this file to override the defaults
[
  {
    "key": "ctrl+shift+alt+l",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus",
    "args": {
      "snippet": "console.log('${TM_SELECTED_TEXT}$1')$2;"
    }
  },
  {
    "key": "ctrl+l",
    "command": "-expandLineSelection",
    "when": "textInputFocus"
  },
  {
    "key": "ctrl+l",
    "command": "-notebook.centerActiveCell",
    "when": "notebookEditorFocused"
  },
  {
    "key": "ctrl+l",
    "command": "console.log.wrap.down.prefix",
    "when": "editorTextFocus"
  },
  {
    "key": "ctrl+alt+w ctrl+alt+down",
    "command": "-console.log.wrap.down.prefix",
    "when": "editorTextFocus"
  }
]

settings.json

{
  "http.proxyStrictSSL": false,
  "terminal.integrated.fontFamily": "'Fira Code iScript', 'Fira Code', Consolas, 'Courier New', monospace",
  "editor.fontFamily": "'Fira Code iScript', 'Fira Code', Consolas, 'Courier New', monospace",
  "editor.fontLigatures": true,
  "[javascript]": {
    // "editor.formatOnSave": true,
    // "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  // "eslint.autoFixOnSave": false,
  // "files.eol": "\n",
  // "prettier.disableLanguages": [
  //   "js"
  // ],
  "editor.tabSize": 2,
  "editor.fontSize": 18,
  "files.autoSave": "onFocusChange",
  "javascript.updateImportsOnFileMove.enabled": "always",
  "liveSassCompile.settings.formats": [
    {
      // "format": "compressed",
      "format": "expanded",
      "extensionName": ".css",
      "savePath": "/style"
    }
  ],
  "liveSassCompile.settings.generateMap": false,
  "emmet.includeLanguages": {
    "javascript": "javascriptreact"
  },
  "workbench.iconTheme": "vscode-icons",
  "explorer.confirmDelete": false,
  "explorer.confirmDragAndDrop": false,
  "window.zoomLevel": 1,
  "terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe",
  "liveServer.settings.donotShowInfoMsg": true,
  "vsicons.dontShowNewVersionMessage": true,
  "sync.gist": "074dd175a9057cf89d361be3d6783320",
  "materialTheme.accent": "Cyan",
  "workbench.colorTheme": "Material Theme High Contrast",
  "prettier.jsxSingleQuote": true,
  "prettier.singleQuote": true,
  "javascript.preferences.quoteStyle": "single",
  "typescript.preferences.quoteStyle": "single",
  "terminal.integrated.rendererType": "dom",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "[typescript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "typescript.updateImportsOnFileMove.enabled": "always",
  "[typescriptreact]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "[html]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "files.associations": {
    "*.scss": "scss"
  },
  "editor.formatOnSave": true,
  "editor.accessibilitySupport": "off"
}

snippets\c.json

{
	// Place your snippets for c 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\knightSnippets.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": "cl",
		"body": [
			"console.log('$1');",
			"$2"
		],
		"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"
	// }
}