Skip to content

Best Practices

Jesse edited this page Nov 21, 2025 · 3 revisions

This page outlines recommended habits, tools, and workflow patterns to help you work efficiently with Git, VS Code, WebStorm, Android Studio, and the command line. These practices ensure code quality, reduce errors, and support smooth collaboration across our practicum teams.


1. Useful IDE Extensions & Plugins

Below are recommended extensions for all developers, followed by IDE-specific suggestions.
Click each section to expand.


View Recommended for All Developers
  • Prettier – Code Formatter
    Ensures consistent formatting across the entire team.

  • ESLint
    Enforces coding standards and prevents common JavaScript/TypeScript errors.

  • EditorConfig
    Ensures consistent spacing, indentation, and line endings across editors.

  • GitLens
    Helpful Git history, blame, and diff enhancements inside your IDE.

  • Markdown All-in-One
    Enhances README/wiki creation and formatting.

  • Path Intellisense
    Auto-completes file paths inside your project.


View VS Code–Specific
  • Error Lens
    Shows errors/warnings directly inline instead of only in the Problems panel.

  • Thunder Client
    Lightweight REST API client inside VS Code (great alternative to Postman).

  • Bracket Pair Colorizer 2
    Colorizes matching brackets for better readability.

  • Peacock
    Helps differentiate VS Code windows by color (useful for multiple repos).

  • Docker (if applicable)
    Integrates Docker container management inside VS Code.


View WebStorm–Specific
  • GitToolBox
    Adds status indicators, inline blame, and enhanced Git UI support.

  • CodeGlance
    Adds a minimap for navigating large files.

  • Rainbow Brackets
    Colorizes nested bracket structures.

  • JS Toolbox
    Additional code-quality helpers for JS/TS.

  • Styled Components Plugin (if applicable)
    Enables syntax highlighting inside styled-components.


View Android Studio–Specific
  • Kotlin Plugin (built-in)
    Required for Android/Kotlin development.

  • ADB Idea
    One-click options for common Android Debug Bridge commands.

  • GitToolBox
    Enhances Git visibility and commit workflows.

  • CodeGlance
    Adds a minimap for large files.

  • JSON to Kotlin / JSON Converter
    Useful for Android API integration.



2. Recommended Keyboard Shortcuts

Below are the most commonly used shortcuts across IDEs, organized into sections for clarity.


Universal Shortcuts

Shortcut Action
Ctrl + P / Cmd + P Quick file search
Ctrl + Shift + P / Cmd + Shift + P Command palette
Ctrl + / Toggle line comment
Ctrl + Shift + / Block comment
Ctrl + B / Cmd + B Go to definition
Ctrl + Shift + O View symbols in file
Ctrl + Shift + F Search entire project

Git-Specific Shortcuts (IDE-based)

Shortcut Action
Ctrl + Shift + G (VS Code) Open Git panel
Alt + 9 (WebStorm) Open Version Control
Ctrl + K / Cmd + K Stage changes (IDE-dependent)
Ctrl + Enter Commit changes
Ctrl + Shift + K / Cmd + Shift + K Push commits

Android Studio Shortcuts

Shortcut Action
Shift + Shift Search Everywhere
Ctrl + Alt + L Reformat code
Ctrl + Alt + O Optimize imports
Ctrl + B Go to definition
Ctrl + E Recent files
Alt + Enter Quick fix suggestions

3. Command Line Workflow Tips

These CLI best practices help you work safely and efficiently with Git, avoid merge conflicts, and maintain clean commit history.


View Core Git Commands (You Should Know by Heart)

These are the essential daily-use Git commands:

git status
git add .
git commit -m "message"
git pull
git push

View Safe & Clean Git Workflow Pattern

Recommended Daily Workflow

  1. Always pull before working

    git pull
  2. Create a branch for each task

    git checkout -b feature/your-task-name
  3. Commit small, readable chunks

    git add .
    git commit -m "Implement API call for user data"
  4. Push your branch often

    git push --set-upstream origin feature/your-task-name
  5. Open a Draft PR early to track your work.


View Helpful Quality-of-Life Commands

Check logs and recent changes

git log --oneline
git log --graph --decorate --all

Inspect changes

git diff
git diff --staged

See who changed a line

git blame <file>

Undo file changes (safe)

git restore <file>

Temporarily store work-in-progress

git stash
git stash pop

View Fixing Common Git Issues

Abort a merge gone wrong

git merge --abort

Uncommit the latest commit (but keep changes)

git reset --soft HEAD~1

Reset a single file

git restore <file>

If your branch diverged

git pull --rebase

Inspect conflicts

git status
git diff

Clone this wiki locally