Here's the list:

To generate this list:

import {execSync, spawn} from 'child_process'

const result = execSync('code --list-extensions')

const list = String(result)
  .split('\n')
  .filter(Boolean)
  .map(
    x => `- [${x}](https://marketplace.visualstudio.com/items?itemName=${x})`
  )
  .join('\n')

const proc = spawn('pbcopy')
proc.stdin.write(list)
proc.stdin.end()

And here's my config because someone asked me once:

{
	// Place your settings in this file to overwrite the default settings
	"editor.defaultFormatter": "esbenp.prettier-vscode",
	"editor.detectIndentation": true,
	"editor.lightbulb.enabled": "off",
	"editor.fontFamily": "'Dank Mono', Menlo, Monaco, 'Courier New', monospace",
	"editor.fontLigatures": false,
	"editor.rulers": [80],
	"editor.suggest.showKeywords": false,
	"editor.wordBasedSuggestions": "off",
	"editor.suggest.localityBonus": true,
	"editor.bracketPairColorization.enabled": true,
	"editor.acceptSuggestionOnCommitCharacter": false,
	"[javascript]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode",
		"editor.suggestSelection": "recentlyUsed"
	},
	"[typescript]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode",
		"editor.suggestSelection": "recentlyUsed"
	},
	"[mdx]": {
		"editor.quickSuggestions": {
			"comments": "off",
			"strings": "off",
			"other": "off"
		}
	},
	"editor.tabSize": 2,
	"editor.renderWhitespace": "boundary",
	"editor.glyphMargin": false,
	"editor.folding": false,
	"files.exclude": {
		// "**/.env": true,
		"USE_GITIGNORE": true
	},
	"files.defaultLanguage": "{activeEditorLanguage}",
	"workbench.editorAssociations": {
		"*.db": "sqlite-viewer.view"
	},
	"javascript.validate.enable": false,
	"search.exclude": {
		"**/node_modules": true,
		"**/bower_components": true,
		"**/coverage": true,
		"**/dist": true,
		"**/build": true,
		"**/.build": true,
		"**/.gh-pages": true
	},
	"editor.codeActionsOnSave": {
		"source.fixAll.eslint": "explicit"
	},
	"eslint.validate": [
		"javascript",
		"javascriptreact",
		"typescript",
		"typescriptreact"
	],
	"eslint.options": {
		"overrideConfig": {
			"rules": {
				"no-debugger": "off"
			}
		}
	},
	"eslint.experimental.useFlatConfig": true,
	"eslint.workingDirectories": [
		{
			"mode": "auto"
		}
	],
	"terminal.integrated.scrollback": 10000,
	"terminal.integrated.inheritEnv": false,
	"typescript.tsdk": "./node_modules/typescript/lib",
	"editor.lineNumbers": "on",
	"workbench.iconTheme": "material-icon-theme",
	"workbench.startupEditor": "none",
	"workbench.editor.limit.enabled": true,
	"workbench.editor.limit.perEditorGroup": false,
	"workbench.editor.limit.value": 20,
	"debug.javascript.codelens.npmScripts": "never",
	"breadcrumbs.enabled": true,
	"local-history.absolute": true,
	"local-history.path": "/Users/kentcdodds/.vscode-history",
	"grunt.autoDetect": "off",
	"npm.runSilent": true,
	"gulp.autoDetect": "off",
	"explorer.confirmDragAndDrop": false,
	"editor.multiCursorModifier": "ctrlCmd",
	"editor.formatOnPaste": false,
	"editor.minimap.enabled": false,
	"spellright.language": ["en"],
	"spellright.documentTypes": ["markdown", "plaintext", "mdx"],
	"spellright.parserByClass": {
		"mdx": {
			"parser": "markdown"
		}
	},
	"javascript.updateImportsOnFileMove.enabled": "never",
	"typescript.updateImportsOnFileMove.enabled": "never",
	"editor.cursorSmoothCaretAnimation": "on",
	"editor.smoothScrolling": true,
	"php.suggest.basic": false,
	"editor.suggestSelection": "first",
	"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
	"[jsonc]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	},
	"prettier.requireConfig": true,
	"prettier.arrowParens": "avoid",
	"prettier.bracketSameLine": false,
	"prettier.bracketSpacing": true,
	"prettier.embeddedLanguageFormatting": "auto",
	"prettier.endOfLine": "lf",
	"prettier.htmlWhitespaceSensitivity": "css",
	"prettier.insertPragma": false,
	"prettier.jsxSingleQuote": false,
	"prettier.printWidth": 80,
	"prettier.proseWrap": "always",
	"prettier.quoteProps": "as-needed",
	"prettier.requirePragma": false,
	"prettier.semi": false,
	"prettier.singleAttributePerLine": false,
	"prettier.singleQuote": true,
	"prettier.tabWidth": 2,
	"prettier.trailingComma": "all",
	"prettier.useTabs": true,
	"npm.packageManager": "npm",
	"editor.acceptSuggestionOnEnter": "off",
	"editor.tokenColorCustomizations": {
		"textMateRules": []
	},
	"editor.fontSize": 22,
	"terminal.integrated.fontSize": 20,
	"editor.cursorBlinking": "solid",
	"editor.inlineSuggest.enabled": true,
	"redhat.telemetry.enabled": false,
	"emmet.showAbbreviationSuggestions": false,
	"emmet.showExpandedAbbreviation": "never",
	"github.copilot.enable": {
		"*": true,
		"plaintext": false,
		"markdown": true,
		"scminput": false,
		"yaml": true,
		"jsonc": false,
		"mdx": true,
		"typescriptreact": true
	},
	"git.autofetch": true,
	"[prisma]": {
		"editor.defaultFormatter": "Prisma.prisma"
	},
	"git.path": "/opt/homebrew/bin/git",
	"playwright.reuseBrowser": false,
	"totalTypeScript.hideAllTips": false,
	"totalTypeScript.hideBasicTips": true,
	"totalTypeScript.hiddenTips": [
		"passing-generics-to-types",
		"returntype-utility-type",
		"typeof",
		"in-operator-narrowing",
		"record-utility-type",
		"parameters-utility-type",
		"non-null-expression",
		"generic-slots-in-functions",
		"keyof",
		"type-predicate",
		"tuple-type",
		"as-const",
		"as-const-on-object",
		"pick-utility-type",
		"awaited-utility-type",
		"nonnullable-utility-type",
		"partial-utility-type",
		"omit-utility-type",
		"exclude-utility-type",
		"type-alias-with-generics",
		"never-keyword",
		"mapped-type",
		"interface-with-generics",
		"conditional-type",
		"nested-conditional-type",
		"required-utility-type",
		"interface-with-multiple-generics",
		"infer",
		"remapping-in-mapped-type",
		"type-alias-with-multiple-generics",
		"lowercase-utility-type",
		"uppercase-utility-type",
		"extract-utility-type"
	],
	"json.schemas": [
		{
			"fileMatch": ["**/.github/workflows/deploy.yml"],
			"url": "https://json.schemastore.org/github-workflow.json"
		}
	],
	"workbench.sideBar.location": "right",
	"terminal.integrated.defaultLocation": "editor",
	"git.confirmSync": false,
	"tailwindCSS.classAttributes": [
		"class",
		"className",
		"ngClass",
		".*ClassName"
	],
	"git.openRepositoryInParentFolders": "never",
	"terminal.integrated.env.osx": {
		"FIG_NEW_SESSION": "1"
	},
	"editor.accessibilitySupport": "off",
	"workbench.editor.showTabs": "single",
	/**/
	// livestream
	/*
	"editor.fontSize": 17,
	"terminal.integrated.fontSize": 15,
	"window.zoomLevel": 2,
	/**/
	// epicweb.dev
	/*
	"editor.fontSize": 17,
	"terminal.integrated.fontSize": 15,
	"scm.diffDecorations": "none",
	"workbench.statusBar.visible": false,
	"window.zoomLevel": 2,
	/**/
	// egghead
	/*
	"editor.fontSize": 18,
	"terminal.integrated.fontSize": 16,
	"scm.diffDecorations": "none",
	"workbench.statusBar.visible": false,
	"editor.cursorBlinking": "solid",
	"breadcrumbs.enabled": false,
	"editor.parameterHints.enabled": false,
	"editor.suggestOnTriggerCharacters": false,
	"explorer.decorations.colors": false,
	"explorer.decorations.badges": false,
	"workbench.activityBar.visible": false,
	"window.zoomLevel": 2,
	/**/
	// workshop
	/*
	"editor.fontSize": 16,
	"terminal.integrated.fontSize": 16,
	"editor.cursorBlinking": "solid",
	"workbench.editor.limit.value": 100,
	"window.zoomLevel": 2.5,
	/**/
	// Talk
	/*
	"editor.fontSize": 22,
	"terminal.integrated.fontSize": 20,
	"scm.diffDecorations": "none",
	// "editor.lineNumbers": "off",
	"workbench.statusBar.visible": false,
	"workbench.activityBar.visible": false,
	"editor.cursorBlinking": "solid",
	// "workbench.colorTheme": "Night Owl Light",
	// "breadcrumbs.filePath": "off",
	"breadcrumbs.symbolPath": "off",
	"editor.parameterHints.enabled": false,
	"editor.quickSuggestions": {
		"comments": "off",
		"strings": "off",
		"other": "off"
	},
	"editor.suggestOnTriggerCharacters": false,
	"explorer.decorations.colors": false,
	"explorer.decorations.badges": false,
	"window.zoomLevel": 2,
	/**/

	"workbench.layoutControl.enabled": false,
	"window.autoDetectColorScheme": true,
	"workbench.preferredDarkColorTheme": "Night Owl",
	"workbench.preferredLightColorTheme": "Night Owl Light",
	"editor.formatOnSave": true,
	"terminal.integrated.enableMultiLinePasteWarning": "never",
	"window.commandCenter": false,
	"playwright.showTrace": true,
	"workbench.activityBar.location": "hidden",
	"editor.inlineSuggest.suppressSuggestions": true,
	"nxConsole.enableCodeLens": false,
	"workbench.colorTheme": "Night Owl Light",
	"codeium.enableCodeLens": false,
	"codeium.enableExplainProblem": false,
	"codeium.enableConfig": {
		"*": true,
		"markdown": true,
		"prisma": true,
		"properties": true,
		"mdx": true,
		"plaintext": true
	},

	"javascript.preferences.importModuleSpecifierEnding": "js",
	"typescript.preferences.importModuleSpecifierEnding": "js",

	"security.promptForLocalFileProtocolHandling": false,
}

Snippets

**javascript.json**/**typescript.json**/**typescriptreact.json** (I just copy/paste it...)

{
	"console.log()": {
		"prefix": "cl",
		"body": "console.log(${1:'here'})$0"
	},
	"console.log('var', var)": {
		"prefix": "vl",
		"body": "console.log('$1', $1)$0"
	},
	"console.log({var})": {
		"prefix": "ol",
		"body": "console.log({$1})$0"
	},
	"import x from '": {
		"prefix": "imp",
		"body": "import ${2:*} from '$1'$3"
	},
	"eslint rule": {
		"prefix": "esl",
		"body": ["/*", "eslint", "\t$1: \"off\",", "*/"]
	},
	"eslint disable next line": {
		"prefix": "eslnl",
		"body": "// eslint-disable-next-line $1"
	},
	"eslint disable line": {
		"prefix": "esll",
		"body": "// eslint-disable-line $1"
	},
	"constructor": {
		"prefix": "ctor",
		"body": ["constructor(...args) {", "\tsuper(...args)", "\t$0", "}"]
	},
	"try/catch": {
		"prefix": "try",
		"body": ["try {", "\t$1", "} catch (error) {", "\t$0", "}"]
	},
	"function": {
		"prefix": "fun",
		"body": ["function $1($2) {", "\t$0", "}"]
	},
	"async function": {
		"prefix": "afun",
		"body": ["async function $1($2) {", "\t$0", "}"]
	},
	"arrow function": {
		"prefix": "arfun",
		"body": ["($1) => {", "\t$0", "}"]
	},
	"async arrow function": {
		"prefix": "aafun",
		"body": ["async ($1) => {", "\t$0", "}"]
	},
	"throw log": {
		"prefix": "tl",
		"body": "throw new Error(JSON.stringify({$0}, null, 2))"
	},
	"spaced console.log": {
		"prefix": "scl",
		"body": [
			"console.log('**************************************************************************\\\\n\\\\n\\\\n')",
			"console.log($0)",
			"console.log('\\\\n\\\\n\\\\n**************************************************************************')"
		]
	},
	"Switch Statement": {
		"prefix": "switch",
		"body": [
			"switch (${1:key}) {",
			"\tcase ${2:value}: {",
			"\t\t$0",
			"\t\tbreak",
			"\t}",
			"\tdefault: {",
			"\t\tbreak",
			"\t}",
			"}"
		]
	},
	"Reducer": {
		"prefix": "reducer",
		"body": [
			"function ${1:someReducer}(state, action) {",
			"\tswitch (action.type) {",
			"\t\tcase ${2:'value'}: {",
			"\t\t\treturn $0",
			"\t\t}",
			"\t\tdefault: {",
			"\t\t\tthrow new Error(`Unhandled action type: ${action.type}`)",
			"\t\t}",
			"\t}",
			"}"
		]
	},
	"Switch case": {
		"prefix": "case",
		"body": ["case ${2:'value'}: {", "\treturn $0", "}"]
	},
	"import React": {
		"prefix": "ir",
		"body": ["import * as React from 'react'\n"]
	},
	"useState": {
		"prefix": "us",
		"body": [
			"const [${1}, set${1/(^[a-zA-Z])(.*)/${1:/upcase}${2}/}] = useState(${2:initial${1/(^[a-zA-Z])(.*)/${1:/upcase}${2}/}})$0"
		]
	},
	"useEffect": {
		"prefix": "uf",
		"body": ["useEffect(() => {", "\t$0", "}, [])"]
	},
	"useReducer": {
		"prefix": "ur",
		"body": [
			"const [state, dispatch] = useReducer(${1:someReducer}, {",
			"\t$0",
			"})"
		]
	},
	"useRef": {
		"prefix": "urf",
		"body": ["const ${1:someRef} = useRef($2)$0"]
	},
	"Jest test": {
		"prefix": "test",
		"body": ["test('$1', () => {", "\t$0", "})"]
	},
	"Jest async test": {
		"prefix": "atest",
		"body": ["test('$1', async () => {", "\t$0", "})"]
	},
	"Mocha it block": {
		"prefix": "it",
		"body": ["it('$1', () => {", "\t$2", "})"]
	},
	"Mocha describe block": {
		"prefix": "desc",
		"body": ["describe('$1', () => {", "\t$2", "})"]
	}
}

remix.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"
	// }
	"Remix Loader": {
		"scope": "javascript,typescript,javascriptreact,typescriptreact",
		"prefix": "rmxLoader",
		"body": [
			"import { json, type DataFunctionArgs } from \"@remix-run/node\"",
			"import { useLoaderData } from \"@remix-run/react\"",
			"",
			"export async function loader({request}: DataFunctionArgs) {",
			"  return json({});",
			"};",
			""
		]
	},
	"Remix Action": {
		"scope": "javascript,typescript,javascriptreact,typescriptreact",
		"prefix": "rmxAction",
		"body": [
			"import { redirect, json, type DataFunctionArgs } from \"@remix-run/node\"",
			"import { useActionData } from \"@remix-run/react\"",
			"",
			"export async function action({request}: DataFunctionArgs) {",
			"  const formData = await request.formData();",
			"  $0",
			"};",
			""
		]
	},
	"Remix Route Component": {
		"scope": "javascript,typescript,javascriptreact,typescriptreact",
		"prefix": "rmxComponent",
		"body": [
			"export default function $0() {",
			"  const data = useLoaderData<typeof loader>();",
			"",
			"  return null;",
			"}"
		]
	},
	"Remix CatchBoundary": {
		"scope": "javascript,typescript,javascriptreact,typescriptreact",
		"prefix": "rmxCatchBoundary",
		"body": [
			"export function CatchBoundary() {",
			"  const caught = useCatch();",
			"",
			"  if (caught.status === 404) {",
			"    return (",
			"      <div>",
			"        Not found",
			"      </div>",
			"    );",
			"  }",
			"",
			"  throw new Error(`Unexpected caught response with status: ${caught.status}`);",
			"}"
		]
	},

	"Remix ErrorBoundary": {
		"scope": "javascript,typescript,javascriptreact,typescriptreact",
		"prefix": "rmxErrorBoundary",
		"body": [
			"export function ErrorBoundary({ error }: { error: Error }) {",
			"  console.error(error);",
			"",
			"  return (",
			"    <div>",
			"      An unexpected error occurred: {error.message}",
			"    </div>",
			"  );",
			"}"
		]
	}
}

remix.code-snippets

{
	"Remix Loader": {
		"scope": "javascript,typescript,javascriptreact,typescriptreact",
		"prefix": "rmxLoader",
		"body": [
			"import { json, type LoaderFunctionArgs } from \"@remix-run/node\"",
			"import { useLoaderData } from \"@remix-run/react\"",
			"",
			"export async function loader({request}: LoaderFunctionArgs) {",
			"\treturn json({})",
			"}",
			""
		]
	},
	"Remix Action": {
		"scope": "javascript,typescript,javascriptreact,typescriptreact",
		"prefix": "rmxAction",
		"body": [
			"import { redirect, json, type ActionFunctionArgs } from \"@remix-run/node\"",
			"import { useActionData } from \"@remix-run/react\"",
			"",
			"export async function action({request}: ActionFunctionArgs) {",
			"\tconst formData = await request.formData()",
			"\t$0",
			"}",
			""
		]
	},
	"Remix Route Component": {
		"scope": "javascript,typescript,javascriptreact,typescriptreact",
		"prefix": "rmxComponent",
		"body": [
			"export default function $0() {",
			"\tconst data = useLoaderData<typeof loader>()",
			"",
			"\treturn null",
			"}"
		]
	},
	"Remix CatchBoundary": {
		"scope": "javascript,typescript,javascriptreact,typescriptreact",
		"prefix": "rmxCatchBoundary",
		"body": [
			"export function CatchBoundary() {",
			"\tconst error = useRouteError()",
			"",
			"\tif (caught.status === 404) {",
			"\t\treturn (",
			"\t\t\t<div>",
			"\t\t\t\tNot found",
			"\t\t\t</div>",
			"\t\t)",
			"\t}",
			"",
			"\tthrow new Error(`Unexpected caught response with status: ${caught.status}`)",
			"}"
		]
	}
}

keybindings.json

[
  {
    "comment": "This is just really handy. I use it all the time in Atom.",
    "key": "shift+cmd+\\",
    "command": "workbench.files.action.focusFilesExplorer"
  },
  {
    "comment": "Because I want enter to open the file, I need some way to rename it, this seemed as good as any other method. 'm' for 'move'",
    "key": "m",
    "command": "renameFile",
    "when": "explorerViewletVisible && filesExplorerFocus && !explorerResourceIsRoot && !inputFocus"
  },
  {
    "comment": "This allows me to open the file on enter instead which makes more sense to me.",
    "key": "enter",
    "command": "-renameFile",
    "when": "explorerViewletVisible && filesExplorerFocus && !explorerResourceIsRoot && !inputFocus"
  },
  {
    "comment": "This makes my zoom behavior more like chrome",
    "key": "cmd+0",
    "command": "workbench.action.zoomReset"
  },
  {
    "comment": "This disables the enter key for autocomplete. Use tab instead. It's annoying when I'm typing quickly and want to go to the next line but have to first clear the autocomplete menu. So I just disabled the enter key here.",
    "key": "enter",
    "command": "-acceptSelectedSuggestionOnEnter",
    "when": "acceptSuggestionOnEnter && suggestWidgetVisible && suggestionMakesTextEdit && textInputFocus"
  },
  {
    "comment": "This disables the tab key for autocomplete. Instead we have another one which only applies when not in snippet mode.",
    "key": "tab",
    "command": "-acceptSelectedSuggestion",
    "when": "suggestWidgetVisible && textInputFocus"
  },
  {
    "key": "tab",
    "command": "acceptSelectedSuggestion",
    "when": "suggestWidgetVisible && textInputFocus && !editorTabMovesFocus && !inSnippetMode"
  },
  {
    "key": "shift+cmd+space",
    "command": "editor.action.triggerParameterHints",
    "when": "editorHasSignatureHelpProvider && editorTextFocus"
  },
  {
    "key": "shift+cmd+space",
    "command": "-editor.action.triggerParameterHints",
    "when": "editorHasSignatureHelpProvider && editorTextFocus"
  },
  {
    "key": "cmd+a",
    "command": "explorer.newFile",
    "when": "filesExplorerFocus && !inputFocus"
  },
  {
    "key": "shift+cmd+a",
    "command": "explorer.newFolder",
    "when": "filesExplorerFocus && !inputFocus"
  },
  {
    "key": "ctrl+w",
    "command": "expand_region",
    "when": "editorTextFocus"
  },
  {
    "key": "ctrl+shift+w",
    "command": "undo_expand_region",
    "when": "editorTextFocus && editorHasSelection"
  },
  {
    "key": "cmd+shift+d",
    "when": "editorTextFocus",
    "command": "-editor.action.copyLinesDownAction"
  }
]

What extensions do you use in VSCode? #406

Description

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions