Hand-picked weekly

Never miss a tool worth knowing.

The best new tools, hand-picked and delivered weekly. No spam — just signal.

Email address

Discover the best tools for every task. A curated directory for people who love great software.

Browse

Categories
Toolkits
Saved
Search

Company

About
My Account
Sign in

Connect

X / Twitter
GitHub
LinkedIn
Email us

© 2026 ToolFomo

VS Code — ToolFomo

VS Code

VS Code

Free, open-source code editor with debugging, Git integration, and extensive extension marketplace.

freemacwindowsweb#code-editor #programming #development #open-source #ide

What you can do with VS Code

Practical ideas and workflows

1

Debugging JavaScript Apps

•Open your JavaScript project in VS Code.
•Set breakpoints by clicking in the gutter next to the line numbers.
•Press F5 to start debugging, and choose 'Node.js' when prompted to select an environment.
•Inspect variables and call stacks in the sidebar as you step through your code.

2

Categories

Vibe Coding Development & Coding

More like this

Tools with similar features

Windsurf

Windsurf

windsurf

Windsurf is an AI-powered IDE by Codeium that combines the power of Copilot++ with a native coding environment for an enhanced development experience.

freemiummacwindows

Cursor

Cursor

cursor

Cursor is an AI-powered code editor built on VSCode that enables developers to code faster with AI assistance, natural language editing, and codebase understanding.

freemiummacwindows

Git Integration Workflow

•Open the version-controlled project folder in VS Code.
•Use the Source Control view (Ctrl+Shift+G) to see changes and commit modifications.
•To push changes, click on the '...'' menu in the Source Control view and select 'Push'.
•For pull requests, use the GitHub Pull Requests extension to review and manage your branches.

3

Creating a Web Page

•Create a new HTML file by selecting 'File > New File' and save it as 'index.html'.
•Write some HTML code using VS Code IntelliSense for quick autocompletion.
•Open the Live Server extension to view changes in real-time in your web browser.
•Use the Chrome Debugger extension to debug your JavaScript directly in the browser.

4

Python Development Setup

•Install the Python extension from the VS Code Marketplace.
•Open your Python project folder in VS Code.
•Create a new Python file (e.g., 'app.py') and write your code.
•Run your code using the integrated terminal or by clicking the 'Run Python File' button.

Continue

Continue

continue

Continue is an open-source AI code assistant that brings ChatGPT to your IDE, allowing you to use any LLM with full control over your data and models.

open sourceextension

Lovable

lovable

Lovable is an AI-powered platform that enables users to create web applications and websites by providing natural language descriptions, eliminating the need for extensive coding.

freemiumwebextensionapi

Agent Skills

Agent Skills

agent-skills

Agent Skills is an open standard for enhancing AI agents with new capabilities and expertise through reusable instructions, scripts, and resources.

OpenAI Codex

OpenAI Codex

openai-codex

A cloud-based AI software engineering agent integrated into ChatGPT, capable of generating, testing, and explaining code in a virtual environment.