Editor Configuration

Configuration guides, shortcuts, and productivity tips for popular code editors.

Quick Access

Most Popular:

• VS Code Settings - Essential configuration
• LSP Shortcuts Table - Universal shortcuts
• VS Code Plugins - Must-have extensions

Editors

VS Code

Complete Visual Studio Code configuration guide:

Essential Plugins:

• EditorConfig for VS Code
• ESLint
• vscode-icons
• Prettier
• GitLens

Configuration:

• settings.json examples
• Custom keyboard shortcuts
• Workspace settings
• Code snippets

Tips & Tricks:

• Multi-cursor editing
• Quick file navigation
• Zen mode
• Format on save

LSP Shortcuts

Language Server Protocol shortcuts across editors:

Universal Shortcuts:

• K - Hover info (all editors)
• gd - Go to definition
• gr - Find references
• Ctrl + O - Navigate back

Editor-Specific:

• VS Code: F2 for rename
• Visual Studio: Ctrl + R, Ctrl + R for refactor
• Rider: Alt + Enter for quick fix
• LazyVim: <leader>cr for rename

---

Editor Comparison

LSP Features Across Editors

Feature	VS Code	Visual Studio	Rider	LazyVim
Hover Info	✅ K	✅ K	✅ K	✅ K
Go to Definition	✅ gd	✅ gd	✅ gd	✅ gd
Find References	✅ gr	✅ gr	✅ gr	✅ gr
Rename	✅ F2	✅ Ctrl+R,R	✅ Shift+F6	✅ leader+cr
Format	✅ Shift+Alt+F	✅ Ctrl+K,D	✅ Ctrl+Alt+L	✅ leader+cf

When to Use Each Editor

VS Code:

• Multi-language development
• Web development (JS/TS/HTML/CSS)
• Lightweight and fast
• Extensive extension ecosystem
• Remote development (SSH, WSL, Containers)

Visual Studio:

• .NET development (C#, F#, VB.NET)
• Large enterprise solutions
• Advanced debugging
• Full-featured IDE
• Windows desktop applications

Rider:

• .NET Core/.NET development
• Cross-platform .NET apps
• Unity game development
• ReSharper included
• Superior refactoring tools

LazyVim/Neovim:

• Terminal-based development
• Remote server editing
• Vim keybindings
• Highly customizable
• Lightweight and fast

---

Common Configurations

VS Code settings.json

{
    "editor.fontFamily": "'Source Code Pro', Consolas, monospace",
    "editor.fontSize": 14,
    "editor.formatOnSave": true,
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": "explicit"
    },
    "workbench.iconTheme": "vscode-icons",
    "files.autoSave": "onFocusChange"
}

EditorConfig (.editorconfig)

Works with all modern editors:

root = true

[*]
charset = utf-8
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
indent_style = space
indent_size = 2

[*.md]
trim_trailing_whitespace = false

[*.py]
indent_size = 4

---

Keyboard Shortcuts

Essential VS Code Shortcuts

Action	Shortcut
Command Palette	Ctrl + Shift + P
Quick Open	Ctrl + P
Toggle Terminal	Ctrl + `
Split Editor	Ctrl + \
Multi-cursor	Ctrl + D
Go to Definition	F12
Format Document	Shift + Alt + F
Comment Line	Ctrl + /

LSP Shortcuts (Universal)

Command	Shortcut
Hover Info	K
Go to Definition	gd
Go to Implementation	gI
Find References	gr
Navigate Back	Ctrl + O
Navigate Forward	Ctrl + I
Signature Help	gK

---

Productivity Tips

Multi-Cursor Editing

Alt + Click         - Add cursor at click position
Ctrl + Alt + ↑/↓    - Add cursor above/below
Ctrl + D            - Select next occurrence
Ctrl + Shift + L    - Select all occurrences

Quick Navigation

Ctrl + P            - Quick open file
Ctrl + P, type @    - Go to symbol in file
Ctrl + P, type #    - Search workspace symbols
Ctrl + P, type :    - Go to line number
Ctrl + Tab          - Switch between open files

Format and Fix

Shift + Alt + F     - Format document
Ctrl + .            - Quick fix / code actions
Ctrl + Shift + I    - Format selection

---

Fonts for Coding

Recommended Fonts

1. Source Code Pro - Clean, readable

   • Download
   • Great for all editors

2. Cascadia Code - Microsoft's modern font

   • Includes programming ligatures
   • Built into Windows Terminal

3. Fira Code - Popular with ligatures

   • Makes operators more readable
   • != becomes ≠, => becomes ⇒

4. JetBrains Mono - Designed for developers

   • Excellent readability
   • Free from JetBrains

Font Configuration

VS Code:

{
    "editor.fontFamily": "'Source Code Pro', Consolas, monospace",
    "editor.fontSize": 14,
    "editor.fontLigatures": true
}

---

Terminal Integration

Open Editor from Terminal

VS Code:

# macOS setup
code .

# Open file
code filename.txt

# Install extension
code --install-extension esbenp.prettier-vscode

Visual Studio:

# Windows
devenv solution.sln

Rider:

# Linux/macOS
rider project.csproj

---

Common Workflows

Project Setup

# 1. Create project
mkdir myproject && cd myproject
git init

# 2. Open in editor
code .

# 3. Create EditorConfig
cat > .editorconfig << EOF
root = true
[*]
charset = utf-8
indent_style = space
indent_size = 2
EOF

# 4. Configure VS Code workspace
mkdir .vscode
cat > .vscode/settings.json << EOF
{
  "editor.formatOnSave": true
}
EOF

Code Review Workflow

1. Open file: Ctrl + P
2. Find symbol: Ctrl + Shift + O
3. Go to definition: F12 or gd
4. Find all references: Shift + F12 or gr
5. Navigate back: Ctrl + O

---

See Also

• Quick Start - Most commonly used commands
• Git Commands - Version control from editor
• Cross-Platform Commands - Terminal integration

External Resources

• VS Code Documentation
• Visual Studio Shortcuts
• Rider Documentation
• Neovim LSP Guide