VS Code setup

Here is a quick list of everything you need to set up VS Code.

Theme

Monokai Pro theme Link →

Extensions

Auto Rename Tag to automatically update matching HTML tags. Link →

Color Highlight to highlight colors in CSS code. Link →

ES7+ React/Redux/React-Native snippets to advance development for React/Redux code. Link →

Live Server to create a live preview for the current project. Link →

Material Icon to show code icons. Link →

Path Intellisense to autocompletes filenames. Link →

Prettier to format code. Link →

Error Lens - Link →

ESLint - Link →

Image preview - Link →

npm Intellisense - Link →

Tailwind CSS IntelliSense - Link →

Pretty TS Errors - Link→

SVG - Link→

Settings

{
  "editor.mouseWheelZoom": true,
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  },
  "editor.wordWrap": "on",
  "editor.formatOnSave": true,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "git.autofetch": true,
  "emmet.includeLanguages": {
    "javascript": "javascriptreact"
  },
  "editor.fontSize": 12,
  "workbench.iconTheme": "material-icon-theme",
  "editor.fontFamily": "'JetBrains Mono', 'Cascadia Code', 'Fira Code', 'Courier New', monospace",
  "editor.fontWeight": "normal",
  "editor.fontLigatures": true,
  "editor.tabSize": 2,
  "prettier.jsxSingleQuote": true,
  "prettier.singleQuote": true,
  "editor.stickyScroll.enabled": true,
  "editor.lineHeight": 1.8,
  "prettier.tabWidth": 2,
  "editor.guides.bracketPairs": "active",
  "workbench.colorTheme": "Monokai Pro",
  "files.autoSave": "onFocusChange",
  "workbench.startupEditor": "none",
  "editor.unicodeHighlight.allowedLocales": {
    "es": true
  },
  "terminal.integrated.defaultProfile.windows": "Git Bash",
  "javascript.updateImportsOnFileMove.enabled": "always",
  "extensions.ignoreRecommendations": true,
  "terminal.integrated.fontSize": 13,
  "editor.linkedEditing": true,
  "update.showReleaseNotes": false,
  "editor.accessibilitySupport": "off",
  "[prisma]": {
    "editor.defaultFormatter": "Prisma.prisma"
  },
  "window.zoomLevel": 1,
  "terminal.integrated.copyOnSelection": true,
  "terminal.integrated.cursorBlinking": true,
  "terminal.integrated.cursorStyle": "line",
  "git.confirmSync": false,
  "typescript.updateImportsOnFileMove.enabled": "never",
  "editor.cursorBlinking": "smooth",
  "editor.minimap.enabled": true,
  "[markdown]": {
    "diffEditor.ignoreTrimWhitespace": true
  },
  "diffEditor.hideUnchangedRegions.enabled": true
}