Visual Studio Code

// Windows/Linux | macOS
Ctrl+Shift+P   | Cmd+Shift+P    // Command Palette
Ctrl+P         | Cmd+P          // Quick Open (öppna filer)
Ctrl+Shift+F   | Cmd+Shift+F    // Sök i hela projektet
Ctrl+/         | Cmd+/          // Toggle kommentar
Alt+Up/Down    | Opt+Up/Down    // Flytta rad upp/ner
Shift+Alt+Down | Shift+Opt+Down // Duplicera rad
Ctrl+D         | Cmd+D          // Välj nästa förekomst
Ctrl+Shift+L   | Cmd+Shift+L    // Välj alla förekomster
F2             | F2             // Rename symbol
Ctrl+Space     | Cmd+Space      // Trigger IntelliSense
Ctrl+.         | Cmd+.          // Quick Fix
Alt+Shift+F    | Opt+Shift+F    // Formatera dokument

{
  // Editor inställningar
  "editor.fontSize": 14,
  "editor.fontFamily": "'Fira Code', 'Cascadia Code', monospace",
  "editor.fontLigatures": true,
  "editor.tabSize": 2,
  "editor.wordWrap": "on",
  "editor.minimap.enabled": true,
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    "source.organizeImports": true
  },
  
  // Tema och utseende
  "workbench.colorTheme": "One Dark Pro",
  "workbench.iconTheme": "material-icon-theme",
  
  // Terminal
  "terminal.integrated.fontSize": 13,
  "terminal.integrated.defaultProfile.windows": "PowerShell",
  
  // Files
  "files.autoSave": "afterDelay",
  "files.autoSaveDelay": 1000,
  "files.trimTrailingWhitespace": true,
  "files.insertFinalNewline": true,
  
  // Git
  "git.autofetch": true,
  "git.confirmSync": false,
  
  // Extensions
  "prettier.singleQuote": true,
  "prettier.semi": true,
  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"]
}

{
  "version": "0.2.0",
  "configurations": [
    {
      // Node.js debugging
      "type": "node",
      "request": "launch",
      "name": "Debug Node App",
      "skipFiles": ["<node_internals>/**"],
      "program": "${workspaceFolder}/src/index.js",
      "env": {
        "NODE_ENV": "development"
      }
    },
    {
      // React debugging
      "type": "chrome",
      "request": "launch",
      "name": "Debug React App",
      "url": "http://localhost:3000",
      "webRoot": "${workspaceFolder}/src",
      "sourceMapPathOverrides": {
        "webpack:///src/*": "${webRoot}/*"
      }
    },
    {
      // Jest test debugging
      "type": "node",
      "request": "launch",
      "name": "Debug Jest Tests",
      "program": "${workspaceFolder}/node_modules/.bin/jest",
      "args": ["--runInBand", "--watchAll=false"],
      "console": "integratedTerminal",
      "internalConsoleOptions": "neverOpen"
    },
    {
      // Python debugging
      "name": "Python: Current File",
      "type": "python",
      "request": "launch",
      "program": "${file}",
      "console": "integratedTerminal",
      "justMyCode": true
    }
  ]
}

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "Build TypeScript",
      "type": "typescript",
      "tsconfig": "tsconfig.json",
      "problemMatcher": ["$tsc"],
      "group": {
        "kind": "build",
        "isDefault": true
      }
    },
    {
      "label": "Run Tests",
      "type": "npm",
      "script": "test",
      "group": "test",
      "problemMatcher": []
    },
    {
      "label": "Start Dev Server",
      "type": "npm",
      "script": "dev",
      "isBackground": true,
      "problemMatcher": []
    },
    {
      "label": "Docker Compose Up",
      "type": "shell",
      "command": "docker-compose up -d",
      "presentation": {
        "reveal": "always",
        "panel": "new"
      }
    },
    {
      "label": "Clean & Install",
      "type": "shell",
      "command": "rm -rf node_modules package-lock.json && npm install",
      "windows": {
        "command": "rmdir /s /q node_modules && del package-lock.json && npm install"
      },
      "problemMatcher": []
    }
  ]
}

"React Functional Component": {
  "prefix": "rfc",
  "body": [
    "import React from 'react';",
    "",
    "const ${1:ComponentName} = ({ ${2:props} }) => {",
    "  return (",
    "    <div className="${3:container}">",
    "      ${4:// Content here}",
    "    </div>",
    "  );",
    "};",
    "",
    "export default ${1:ComponentName};"
  ],
  "description": "Create a React functional component"
}

"Express Route Handler": {
  "prefix": "route",
  "body": [
    "router.${1|get,post,put,delete|}('${2:/path}', async (req, res) => {",
    "  try {",
    "    ${3:// Route logic here}",
    "    res.status(200).json({",
    "      success: true,",
    "      data: ${4:result}",
    "    });",
    "  } catch (error) {",
    "    console.error('Error:', error);",
    "    res.status(500).json({",
    "      success: false,",
    "      error: error.message",
    "    });",
    "  }",
    "});"
  ],
  "description": "Create an Express route handler with error handling"
}

"Console Log": {
  "prefix": "clg",
  "body": [
    "console.log('${1:label}:', ${2:value});"
  ],
  "description": "Log to console with label"
}