My VS Code Setup and Configuration

Visual Studio Code is a powerful, lightweight code editor that I've customized for optimal productivity.

Workspace Configuration

{
  "folders": [
    {
      "path": "."
    }
  ],
  "settings": {
    // Theme and appearance settings
    "workbench.colorTheme": "One Dark Pro",
    "workbench.list.smoothScrolling": true,
    "window.dialogStyle": "custom",
    "window.titleBarStyle": "custom",

    // Editor settings
    "editor.cursorSmoothCaretAnimation": "on",
    "editor.smoothScrolling": true,
    "editor.cursorBlinking": "smooth",
    "editor.mouseWheelZoom": true,
    "editor.formatOnPaste": true,
    "editor.formatOnType": true,
    "editor.formatOnSave": true,
    "editor.wordWrap": "on",
    "editor.acceptSuggestionOnEnter": "smart",
    "editor.suggestSelection": "first",
    "editor.suggest.snippetsPreventQuickSuggestions": true,
    "editor.fontFamily": "Consolas, 'ＭＳ 明朝', 'Courier New', monospace",
    "editor.largeFileOptimizations": false
  }
}

Theme and Appearance

Color Theme

"workbench.colorTheme": "One Dark Pro"

Using One Dark Pro for consistent, eye-friendly dark theme.

Window Settings

"workbench.list.smoothScrolling": true,
"window.dialogStyle": "custom",
"window.titleBarStyle": "custom"

• Smooth scrolling in lists
• Modern custom dialog boxes
• Customized window title bar

Editor Configuration

Cursor and Visual Effects

"editor.cursorSmoothCaretAnimation": "on",
"editor.smoothScrolling": true,
"editor.cursorBlinking": "smooth"

Enhanced visual experience with smooth animations.

Automatic Formatting

"editor.mouseWheelZoom": true,
"editor.formatOnPaste": true,
"editor.formatOnType": true,
"editor.formatOnSave": true

• Ctrl+Mouse wheel zooming
• Auto-format on paste, type, and save

Text and Suggestions

"editor.wordWrap": "on",
"editor.acceptSuggestionOnEnter": "smart",
"editor.suggestSelection": "first",
"editor.fontFamily": "Consolas, 'ＭＳ 明朝', 'Courier New', monospace"

Optimized text display and intelligent suggestion handling.

Essential Extensions

🛠️ Development Tools

• Code Runner: Run code snippets in multiple languages
• DevContainers: Docker container development
• Docker: Container management

🎨 UI Enhancements

• Material Icon Theme: Beautiful file icons
• Bookmarks: Quick line navigation
• Bracket Lens: Closing bracket info
• Peacock: Workspace color coding

✅ Code Quality

• Code Spell Checker: Spelling verification
• Error Lens: Inline error display
• ESLint: JavaScript linting
• Prettier: Code formatting

📈 Productivity

• Todo Tree: TODO comment organization
• WakaTime: Coding time tracking
• Path Intellisense: File path autocompletion

Language-Specific Extensions

🐍 Python Development

• Python: Core Python support
• Jupyter: Notebook integration
• Django: Web framework support

🌐 Web Development

• Live Server: Local development server
• HTML CSS Support: Enhanced editing
• Vue - Official: Vue.js support

⚡ C/C++ Development

• C/C++: Language support
• CMake: Build system
• Better C++ Syntax: Enhanced highlighting

📝 Documentation

• Markdown All in One: Complete Markdown support
• LaTeX Workshop: Academic writing

🔧 Remote Development

• Remote - SSH: SSH development
• WSL: Linux subsystem integration

---

Why This Setup?

Productivity Focus: Every setting and extension serves to reduce friction and increase coding efficiency.

Visual Comfort: Smooth animations and the One Dark Pro theme reduce eye strain during long coding sessions.

Multi-Language Support: Comprehensive coverage for Python, C/C++, web development, and academic writing.

Quality Assurance: Built-in formatting, linting, and spell checking maintain code quality automatically.