IDE

Integrated Development Environment

This page focuses on IDEs and Code editors.

VS Code

Most popular and a lightweight code editor.

A codespace is a temporary VS Code IDE on browser. Start to edit a existing repository on the browser. Commit are required after editing the code, if not, the update will not be applied. The codespace have a Linux server running behind.

Shortcuts

Debug

Inspect variables and custom watch for deeper debug analysis.

Debug Configuration allows different types of debug methods.

{
  // Use IntelliSense to learn about possible attributes.
  // Hover to view descriptions of existing attributes.
  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Python Debugger: Stop on Entry",
      "type": "debugpy",
      "request": "launch",
      "program": "${file}",
      "console": "integratedTerminal",
      "args": "${command:pickArgs}",
      "stopOnEntry": true,
      "cwd": "${workspaceFolder}"
    }, 
    {
      "name": "Python Debugger: Another config",
      "type": "debugpy",
      "request": "launch",
      "program": "tools/train.py",
      "console": "integratedTerminal",
      "args": [
        "configs/faster_rcnn/faster-rcnn_r50_fpn_1x_coco.py",
        "--work-dir",
        "./work_dirs/my_exp1",
      ]
    }
  ]
}

Antigravity

VS Code fork with Gemini AI integration.

JetBrains

JetBrains IDEs have great features of intelligent code assistance with Built-in Git UI, class renaming feature, superior refactoring features, memory & CPU profiling, remote development. But it's heavy and not free. Suitable for full-stack, backend, and enterprise environments.

Refactoring Type,What it Does,Example Rename (Shift+F6),"Renames a symbol (variable, class, method) and updates every reference across the entire project.",Renaming getUser() to fetchUserAccount() updates every call site in all files. Extract Method (Ctrl+Alt+M),"Turns a selected block of code into a new, separate method.","Breaking a 100-line function into 5 smaller, readable methods." Inline (Ctrl+Alt+N),The opposite of extract; it replaces a method call with the actual code body.,Removing a one-line helper function that is no longer needed. Change Signature (Ctrl+F6),"Modifies method parameters, return types, or visibility.",Adding a new required parameter to a function and having the IDE highlight or fix all existing calls. Move (F6),"Moves classes or members between packages or files, updating all imports automatically.","Moving a helper class from a ""controllers"" folder to a ""utils"" folder." Safe Delete (Alt+Delete),Checks if a file or variable is being used anywhere before letting you delete it.,"Preventing you from deleting a ""dead"" variable that is actually used via reflection or a string." Pull Up / Push Down,Moves methods or fields between a parent class and its subclasses.,Moving a common logic from Dog and Cat classes into a shared Animal parent class.

Cloud IDE

Gitpod

Provides fully automated, standardized, and secure development environments. Integrates with various code hosts like GitHub, GitLab, and Bitbucket. Offers Gitpod Desktop for local development. Uses gitpod.yml file for configuration.

GitHub Codespaces

Specifically designed for GitHub repositories. Uses devcontainer.json for configuration. Accessible from VS Code Desktop, SSH CLI and a browser-based VS Code editor with full functionality, including extensions and terminal access. User-friendly interface.

CodeSandbox

Open source online IDE for web development with a user-friendly interface and pre-configured templates. Integrates with GitHub for source control, and with Netlify and Vercel for deployment. Allows embedding sandboxes on other websites, draft features, and custom NPM registry options. Ideal for quick prototyping, online sharing, and learning web development.

Stackblitz

IDE for web-based developement for building, testing, and deploying web apps. Similar to CodeSandbox.