See my full list of extensions here.
- Current theme:
- Original theme I use in most videos:
- I used this darker modification of the above theme for a few videos:
- Auto Close Tag
- Automatically add HTML/XML close tag
- Auto Rename Tag
- Automatically rename paired HTML/XML tag
- FontSize ShortCuts
- Change the font size with keyboard shortcuts.
- IntelliSense for CSS class names in HTML
- Provides CSS class name completion for the HTML class attribute based on the definitions found in your workspace or external files referenced through the link element
- npm Intellisense
- Autocompletes npm modules in import/require statements
- Path Intellisense
- Autocompletes filenames
- Volar
- Vue tooling
- ESLint
- Integrates ESLint JS
- Prettier
- Automatically format javascript, JSON, CSS, Sass, and HTML files.
- Import Cost
- Display inline the size of the required/imported package
- Quokka.js
- Evaluate code/logs inline and show results in the editor
- VS Live Share
- Collaborative editing, debugging, and more inside VS Code
{
"search.exclude": {
"**/node_modules": true,
"**/bower_components": true,
"**/*.code-search": true
},
"search.useIgnoreFiles": false,
"explorer.openEditors.visible": 0,
"editor.snippetSuggestions": "top",
"emmet.showAbbreviationSuggestions": false,
"editor.multiCursorModifier": "ctrlCmd",
"editor.formatOnPaste": false,
"workbench.colorTheme": "Just Black",
"workbench.iconTheme": "vscode-icons",
"editor.fontLigatures": true,
"terminal.integrated.fontSize": 24,
"files.autoSave": "off",
"editor.fontFamily": "Anonymous Pro",
"markdown.preview.fontSize": 36,
"editor.tabSize": 2,
"editor.detectIndentation": true,
"editor.minimap.enabled": false,
"emmet.includeLanguages": {
"javascript": "javascriptreact"
},
"eslint.enable": true,
"eslint.validate": ["vue", "react", "typescript", "html", "javascript"],
"workbench.startupEditor": "newUntitledFile",
"editor.suggestSelection": "first",
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[css]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"liveshare.featureSet": "insiders",
"[vue]": {
"editor.defaultFormatter": "Vue.volar"
},
"diffEditor.ignoreTrimWhitespace": false,
"[typescriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"liveshare.anonymousGuestApproval": "accept",
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"workbench.colorCustomizations": {},
"[scss]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"scope": [
"comment",
"comment.block"
],
"settings": {
"fontStyle": "italic",
"foreground": "#ff1493"
}
},
{
"scope": [
"keyword.operator.logical",
"keyword.operator.arithmetic",
"keyword.operator.assignment",
"keyword.operator.bitwise"
],
"settings": {
"fontStyle": ""
}
}
]
},
"git.autofetch": true,
"editor.lineHeight": 0,
"editor.fontSize": 17,
"window.zoomLevel": 2,
"vsicons.dontShowNewVersionMessage": true,
"bracketPairColorizer.depreciation-notice": false,
"extensions.ignoreRecommendations": true
}
[
{
"key": "cmd+1",
"command": "workbench.action.openEditorAtIndex1"
},
{
"key": "ctrl+1",
"command": "-workbench.action.openEditorAtIndex1"
},
{
"key": "cmd+2",
"command": "workbench.action.openEditorAtIndex2"
},
{
"key": "ctrl+2",
"command": "-workbench.action.openEditorAtIndex2"
},
{
"key": "cmd+3",
"command": "workbench.action.openEditorAtIndex3"
},
{
"key": "ctrl+3",
"command": "-workbench.action.openEditorAtIndex3"
},
{
"key": "cmd+4",
"command": "workbench.action.openEditorAtIndex4"
},
{
"key": "ctrl+4",
"command": "-workbench.action.openEditorAtIndex4"
},
{
"key": "cmd+5",
"command": "workbench.action.openEditorAtIndex5"
},
{
"key": "ctrl+5",
"command": "-workbench.action.openEditorAtIndex5"
},
{
"key": "cmd+6",
"command": "workbench.action.openEditorAtIndex6"
},
{
"key": "ctrl+6",
"command": "-workbench.action.openEditorAtIndex6"
},
{
"key": "cmd+7",
"command": "workbench.action.openEditorAtIndex7"
},
{
"key": "ctrl+7",
"command": "-workbench.action.openEditorAtIndex7"
},
{
"key": "cmd+8",
"command": "workbench.action.openEditorAtIndex8"
},
{
"key": "ctrl+8",
"command": "-workbench.action.openEditorAtIndex8"
},
{
"key": "cmd+9",
"command": "workbench.action.openEditorAtIndex9"
},
{
"key": "ctrl+9",
"command": "-workbench.action.openEditorAtIndex9"
},
{
"key": "ctrl+1",
"command": "workbench.action.focusFirstEditorGroup"
},
{
"key": "cmd+1",
"command": "-workbench.action.focusFirstEditorGroup"
},
{
"key": "ctrl+3",
"command": "workbench.action.focusThirdEditorGroup"
},
{
"key": "cmd+3",
"command": "-workbench.action.focusThirdEditorGroup"
},
{
"key": "ctrl+6",
"command": "workbench.action.focusSixthEditorGroup"
},
{
"key": "cmd+6",
"command": "-workbench.action.focusSixthEditorGroup"
},
{
"key": "ctrl+7",
"command": "workbench.action.focusSeventhEditorGroup"
},
{
"key": "cmd+7",
"command": "-workbench.action.focusSeventhEditorGroup"
},
{
"key": "ctrl+2",
"command": "workbench.action.focusSecondEditorGroup"
},
{
"key": "cmd+2",
"command": "-workbench.action.focusSecondEditorGroup"
},
{
"key": "ctrl+4",
"command": "workbench.action.focusFourthEditorGroup"
},
{
"key": "cmd+4",
"command": "-workbench.action.focusFourthEditorGroup"
},
{
"key": "ctrl+5",
"command": "workbench.action.focusFifthEditorGroup"
},
{
"key": "cmd+5",
"command": "-workbench.action.focusFifthEditorGroup"
},
{
"key": "ctrl+8",
"command": "workbench.action.focusEighthEditorGroup"
},
{
"key": "cmd+8",
"command": "-workbench.action.focusEighthEditorGroup"
}
]