Favorite VS Code Settings for JavaScript (React) Web Development

extensions.json

[
    {
        "id": "alefragnani.Bookmarks",
        "name": "Bookmarks",
        "publisher": "alefragnani",
        "version": "11.2.0"
    },
    {
        "id": "amazonwebservices.aws-toolkit-vscode",
        "name": "aws-toolkit-vscode",
        "publisher": "amazonwebservices",
        "version": "1.9.0"
    },
    {
        "id": "bungcip.better-toml",
        "name": "better-toml",
        "publisher": "bungcip",
        "version": "0.3.2"
    },
    {
        "id": "clinyong.vscode-css-modules",
        "name": "vscode-css-modules",
        "publisher": "clinyong",
        "version": "0.2.3"
    },
    {
        "id": "CoenraadS.bracket-pair-colorizer",
        "name": "bracket-pair-colorizer",
        "publisher": "CoenraadS",
        "version": "1.0.61"
    },
    {
        "id": "dbaeumer.vscode-eslint",
        "name": "vscode-eslint",
        "publisher": "dbaeumer",
        "version": "2.1.5"
    },
    {
        "id": "eamodio.gitlens",
        "name": "gitlens",
        "publisher": "eamodio",
        "version": "10.2.1"
    },
    {
        "id": "esbenp.prettier-vscode",
        "name": "prettier-vscode",
        "publisher": "esbenp",
        "version": "4.7.0"
    },
    {
        "id": "fabiospampinato.vscode-statusbar-debugger",
        "name": "vscode-statusbar-debugger",
        "publisher": "fabiospampinato",
        "version": "2.0.6"
    },
    {
        "id": "flowtype.flow-for-vscode",
        "name": "flow-for-vscode",
        "publisher": "flowtype",
        "version": "1.5.0"
    },
    {
        "id": "Gimly81.matlab",
        "name": "matlab",
        "publisher": "Gimly81",
        "version": "2.0.0"
    },
    {
        "id": "joelday.docthis",
        "name": "docthis",
        "publisher": "joelday",
        "version": "0.7.1"
    },
    {
        "id": "jpoissonnier.vscode-styled-components",
        "name": "vscode-styled-components",
        "publisher": "jpoissonnier",
        "version": "0.0.29"
    },
    {
        "id": "k--kato.docomment",
        "name": "docomment",
        "publisher": "k--kato",
        "version": "0.1.11"
    },
    {
        "id": "kamikillerto.vscode-colorize",
        "name": "vscode-colorize",
        "publisher": "kamikillerto",
        "version": "0.8.16"
    },
    {
        "id": "mgmcdermott.vscode-language-babel",
        "name": "vscode-language-babel",
        "publisher": "mgmcdermott",
        "version": "0.0.27"
    },
    {
        "id": "mrmlnc.vscode-scss",
        "name": "vscode-scss",
        "publisher": "mrmlnc",
        "version": "0.9.0"
    },
    {
        "id": "ms-azure-devops.azure-pipelines",
        "name": "azure-pipelines",
        "publisher": "ms-azure-devops",
        "version": "1.170.0"
    },
    {
        "id": "ms-azuretools.vscode-docker",
        "name": "vscode-docker",
        "publisher": "ms-azuretools",
        "version": "1.2.0"
    },
    {
        "id": "ms-dotnettools.csharp",
        "name": "csharp",
        "publisher": "ms-dotnettools",
        "version": "1.21.18"
    },
    {
        "id": "ms-kubernetes-tools.vscode-kubernetes-tools",
        "name": "vscode-kubernetes-tools",
        "publisher": "ms-kubernetes-tools",
        "version": "1.2.0"
    },
    {
        "id": "ms-mssql.mssql",
        "name": "mssql",
        "publisher": "ms-mssql",
        "version": "1.9.0"
    },
    {
        "id": "ms-python.python",
        "name": "python",
        "publisher": "ms-python",
        "version": "2020.5.80290"
    },
    {
        "id": "ms-vscode.azure-account",
        "name": "azure-account",
        "publisher": "ms-vscode",
        "version": "0.8.11"
    },
    {
        "id": "ms-vscode.cpptools",
        "name": "cpptools",
        "publisher": "ms-vscode",
        "version": "0.28.1"
    },
    {
        "id": "ms-vscode.Go",
        "name": "Go",
        "publisher": "ms-vscode",
        "version": "0.14.3"
    },
    {
        "id": "ms-vscode.vscode-typescript-tslint-plugin",
        "name": "vscode-typescript-tslint-plugin",
        "publisher": "ms-vscode",
        "version": "1.2.3"
    },
    {
        "id": "ms-vsliveshare.vsliveshare",
        "name": "vsliveshare",
        "publisher": "ms-vsliveshare",
        "version": "1.0.2236"
    },
    {
        "id": "ms-vsliveshare.vsliveshare-audio",
        "name": "vsliveshare-audio",
        "publisher": "ms-vsliveshare",
        "version": "0.1.85"
    },
    {
        "id": "msjsdiag.debugger-for-chrome",
        "name": "debugger-for-chrome",
        "publisher": "msjsdiag",
        "version": "4.12.8"
    },
    {
        "id": "nonoroazoro.syncing",
        "name": "syncing",
        "publisher": "nonoroazoro",
        "version": "3.0.13"
    },
    {
        "id": "oderwat.indent-rainbow",
        "name": "indent-rainbow",
        "publisher": "oderwat",
        "version": "7.4.0"
    },
    {
        "id": "Orta.vscode-jest",
        "name": "vscode-jest",
        "publisher": "Orta",
        "version": "3.2.0"
    },
    {
        "id": "rafaelsalguero.csharp2ts",
        "name": "csharp2ts",
        "publisher": "rafaelsalguero",
        "version": "0.0.24"
    },
    {
        "id": "redhat.vscode-yaml",
        "name": "vscode-yaml",
        "publisher": "redhat",
        "version": "0.8.0"
    },
    {
        "id": "rust-lang.rust",
        "name": "rust",
        "publisher": "rust-lang",
        "version": "0.7.8"
    },
    {
        "id": "sdras.night-owl",
        "name": "night-owl",
        "publisher": "sdras",
        "version": "1.1.3"
    },
    {
        "id": "silvenon.mdx",
        "name": "mdx",
        "publisher": "silvenon",
        "version": "0.1.0"
    },
    {
        "id": "tombonnike.vscode-status-bar-format-toggle",
        "name": "vscode-status-bar-format-toggle",
        "publisher": "tombonnike",
        "version": "2.0.0"
    },
    {
        "id": "wayou.vscode-todo-highlight",
        "name": "vscode-todo-highlight",
        "publisher": "wayou",
        "version": "1.0.4"
    },
    {
        "id": "wix.vscode-import-cost",
        "name": "vscode-import-cost",
        "publisher": "wix",
        "version": "2.12.0"
    },
    {
        "id": "xabikos.JavaScriptSnippets",
        "name": "JavaScriptSnippets",
        "publisher": "xabikos",
        "version": "1.8.0"
    },
    {
        "id": "zxh404.vscode-proto3",
        "name": "vscode-proto3",
        "publisher": "zxh404",
        "version": "0.4.2"
    }
]

keybindings-mac.json

// Place your key bindings in this file to overwrite the defaults
[]

keybindings.json

// Empty

keybindingsMac.json

// Empty

settings.json

{
  "workbench.colorTheme": "Night Owl",
  "workbench.startupEditor": "newUntitledFile",
  "git.confirmSync": false,
  "git.autofetch": true,
  "explorer.confirmDragAndDrop": false,
  "editor.fontLigatures": true,
  "editor.fontFamily": "Fira Code, Menlo, Monaco, 'Courier New', monospace",
  "editor.formatOnPaste": true,
  "editor.formatOnSave": true,
  "gitlens.advanced.messages": {
    "suppressCommitHasNoPreviousCommitWarning": false,
    "suppressCommitNotFoundWarning": false,
    "suppressFileNotUnderSourceControlWarning": false,
    "suppressGitVersionWarning": false,
    "suppressLineUncommittedWarning": false,
    "suppressNoRepositoryWarning": false,
    "suppressResultsExplorerNotice": false,
    "suppressShowKeyBindingsNotice": true
  },
  "files.insertFinalNewline": true,
  "files.trimFinalNewlines": true,
  "editor.colorDecorators": false,
  "files.autoSave": "off",
  "colorize.colorized_variables": [
    "CSS",
    "SASS"
  ],
  "colorize.languages": [
    "css",
    "sass",
    "scss",
    "less",
    "postcss",
    "sss",
    "stylus",
    "xml",
    "svg",
    "javascript"
  ],
  "editor.tabSize": 2,
  "gitlens.views.fileHistory.enabled": true,
  "gitlens.views.lineHistory.enabled": true,
  "matlab.mlintpath": "/Applications/MATLAB_R2018b.app/bin/maci64/mlint",
  "matlab.matlabpath": "/Applications/MATLAB_R2018b.app/bin/matlab",
  "editor.formatOnType": true,
  "vs-kubernetes": {
    "vs-kubernetes.minikube-path": "/usr/local/bin/minikube"
  },
  "window.zoomLevel": 0,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "debug.toolBarLocation": "hidden",
  "docker.containers.sortBy": "Label",
  "[yaml]": {
    "editor.defaultFormatter": "redhat.vscode-yaml"
  },
  "omnisharp.enableRoslynAnalyzers": true,
  "omnisharp.monoPath": "/Library/Frameworks/Mono.framework/Versions/Current/Commands/mono",
  "files.associations": {
    "Dockerfile*": "dockerfile"
  },
  "[json]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "aws.profile": "profile:default",
  "terminal.integrated.rendererType": "dom",
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "workbench.editor.showTabs": true,
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "terminal.integrated.shell.osx": "/usr/local/bin/fish"
}

snippet-csharp.json

{
	// Place your snippets for csharp 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"
	// }
	"Add summary documentation": {
		"prefix": "<s>",
		"body": [
			"/// <summary>",
			"/// $1",
			"/// </summary>"
		]
	}
}