IWSVS Code — The Basics
A free, lightweight code editor from Microsoft — where you write, edit and run your project's code.
DownloadLayoutOpenEditPaletteRunExtend
</> Visual Studio Code
Code editing. Redefined.
Free and built on open source. Runs on Windows, macOS and Linux. Click to download for your system, then run the installer.
⬇VSCodeUserSetup-x64.exe
Explorer
No folder opened yet.
- my-site
- index.html
- style.css
- script.js
- images
🔍 Search: Prettier
PPrettierCode formatter · 38M installs
✱Live ServerLocal dev server · 40M installs
index.html
1<!DOCTYPE html>
2<html lang="en">
3 <body>
4 <h1>Hello, world!</h1>
5 <p>Built with VS Code.</p>
6 </body>
> Format Document|
- Format Document Shift+Alt+F
- Toggle Terminal Ctrl+`
- Go to File… Ctrl+P
TerminalProblemsOutput
my-site $ npm run dev
VITE ready — Local: http://localhost:5173⎇ mainUTF-8HTMLLn 5, Col 24
Activity Bar — tools
Explorer — your files
Editor — your code
Terminal & status live here
Claude appears here once installed ✦
Saved · Ctrl+S
You know the essentials.
1 Download2 Layout3 Open4 Edit5 Palette6 Run7 Extend
Guide by Inner Web Solutions · next up — let Claude do the typing.
VS Code — The Basics