Skip to content
aptorise
Build My Setup

Try “PDF editor”, “bootable USB” or “software for students”. Press Esc to close.

Web Developer Tools

Code editors, version control, runtimes, browsers, API testing, databases and containers for web development.

Who this toolkit is for

For frontend, backend and full-stack web developers. You don't need every runtime or framework: start with an editor, Git and the runtime your projects use.

Operating system:WindowsmacOSLinux
What kind of web development?FrontendBackendFull stackNot sure

Essential (5)

Core tools that are broadly useful.

Code Editor

  • Visual Studio Code icon
    Visual Studio Code

    Free

    Why you may need this: A widely used editor with extensions for most web languages.

    Winget (verified)
    winget install --id Microsoft.VisualStudioCode --exact --source winget

    Details

Version Control

  • Git icon
    Git

    Open Source

    Why you may need this: Track changes and collaborate through pull requests.

    Winget (verified)
    winget install --id Git.Git --exact --source winget

    Details

Runtime & Package Management

  • Node.js

    Open Source

    Why you may need this: Run JavaScript tooling; includes npm for installing packages.

    Winget (verified)
    winget install --id OpenJS.NodeJS.LTS --exact --source winget

    Details

Browsers & DevTools

  • Mozilla Firefox icon
    Mozilla Firefox

    Open SourceAlso on Android, iPhone/iPad

    Why you may need this: Test your sites; its developer tools are strong for CSS and layout.

    Winget (verified)
    winget install --id Mozilla.Firefox --exact --source winget

    DetailsSee alternatives

  • Google Chrome

    FreeAlso on Android, iPhone/iPad

    Why you may need this: Test in the most widely used browser engine with Chrome DevTools.

    Winget (verified)
    winget install --id Google.Chrome --exact --source winget

    DetailsSee alternatives

Specialist / Optional · Show specialist tools (5)

Consider these for particular modules, tasks or environments.

Code Editor

  • Neovim

    Open Source

    Why you may need this: A fast, keyboard-driven editor.

    Winget (verified)
    winget install --id Neovim.Neovim --exact --source winget

    Details

Version Control

  • GitHub Desktop

    Open Source

    Why you may need this: A graphical Git client.

    Winget (verified)
    winget install --id GitHub.GitHubDesktop --exact --source winget

    Details

Runtime & Package Management

  • Python icon
    Python

    Open Source

    Why you may need this: A common backend language with its own package manager, pip.

    Winget (verified)
    winget install --id Python.Python.3.13 --exact --source winget

    Details

API Testing

  • Postman

    Freemium

    Why you may need this: Test and document APIs.

    Winget (verified)
    winget install --id Postman.Postman --exact --source winget

    Details

Terminal

  • WSL (wsl command)Built into Windows

    Why you may need this: Use Linux tooling on Windows.

    wsl --installMicrosoft documentation

Build your Web Developer setup

Build My Setup lets you add or remove apps, combine roles, see why each app is included, and get a single install command where verified packages exist. Nothing is installed automatically.

Build my Web Developer setup on Windows

Related