Claude Code első lépések
**Röviden** — 3 perces híd az 5. és 6. modul között: VS Code + Claude + 1 HTML.
Vissza a katalógusraMit tanulsz ebben a modulban?
Mire az 5. modul (CRM) végén ott állsz a Google Sheets-eddel, és a 6. modul azt mondja „írj egy Apps Script-et Claude Code-dal" — kell egy gyakorlat, ahol először ráérzel, milyen Claude Code-dal beszélgetni a saját gépeden. Ez az a modul. 3 perc alatt megnyitod a VS Code-ot, elindítod a Claude Code-ot, és írsz egy egyszerű HTML-fájlt egyetlen prompt-tal. Csak: te + Claude + 1 fájl.
01. Mi a Claude Code és miért nem chat-ablak
A Claude Code nem ugyanaz, mint a claude.ai böngészős chat. A Claude Code:
- A gépeden fut
- Látja a fájljaidat
- Cselekszik — fájlt ír, parancsot futtat, kódot szerkeszt
Nem kell copy-paste-olnod „add ide a kódot, beillesztem" — Claude maga megnyitja, megírja, mented, és kész.
Árazás:
- 20$/hó Pro plan — kezdőnek elég (~200 prompt/hó)
- 100$/hó Max plan — ha napi 5+ órát használod
Az első hónapban a Pro is bőven elég, hogy lásd, megéri-e neked.
02. Telepítés — 5 perc, egy mondatban
VS Code, majd Extensions, majd keress „Claude Code", majd telepítsd. Ez az Anthropic hivatalos kiterjesztése.
- Telepítés után jobb-felső sarokban Claude ikon, majd bejelentkezés Anthropic fiókkal
- VS Code letöltés:
code.visualstudio.com(Mac + Windows) - Alternatíva parancssorból:
npm install -g @anthropic-ai/claude-codeésclaudeparanccsal — gyorsabb, de először a VS Code-os út barátságosabb
03. Az első prompt — egy HTML fájl
Az első prompt legyen olyan, ami azonnal vizuális visszajelzést ad — ezért HTML-t, nem Apps Script-et. Hozz létre üres mappát (pl. Desktop/claude-test), nyisd meg VS Code-ban (File — Open Folder), indítsd el Claude Code-ot. Most ezt írd:
Hozz létre egy `index.html` fájlt, ami:
- címe: "Az első Claude Code próbám"
- van benne egy nagy H1: "{{Ide a neved}} · {{ma dátuma}}"
- alatta egy bekezdés: 3 mondatban miről szól a vállalkozásod
- nyiss meg utána egy üzenetet, hogy hogyan nyissam meg böngészőben
Claude létrehozza, megmutatja, és elmondja, hogy open index.html (Mac) vagy duplaklikk (Windows). Ha működött — gratulálok, fut a Claude Code, és felkészültél a 6. modulra.
04. Mire jó és mire nem ez a próba
Ez nem tanít meg „programozni" — ez egy kapcsolódási próba: te megnyitottad a VS Code-ot, Claude bejelentkezett, írt egy fájlt, te láttad a böngészőben.
A Claude Code akkor sül el legjobban, ha:
- 6. modul — Apps Script Web App írása a Sheets-hez
- 7. modul — Cal.com webhook bekötése
- 9. modul — saját skill-ek írása
- 21. modul — funnel-sablonok generálása
De mindezek alapja, hogy ma este 3 perc alatt megtetted az első próbát.
Heti feladat
Telepítsd a VS Code-ot és a Claude Code kiterjesztést, hozz létre egy Desktop/claude-test mappát, és írasd meg Claude-dal az első index.html fájlodat a fenti prompttal.
- VS Code letöltés:
code.visualstudio.com - Extension: "Claude Code" — Anthropic hivatalos
- Első prompt: HTML fájl saját nevvel + 3 mondat a vállalkozásodról
- Nyisd meg böngészőben (duplaklikk vagy
open index.html)
Eredmény
Tudod, hogy a Claude Code fut a gépeden, és tudsz vele beszélgetni. A 6. modulban már „csak" arra kéred, hogy Apps Script-et írjon a Sheets-hez — a folyamat ugyanaz, csak a cél más.
Készen állsz, hogy élesben is megépítsd?
A tananyag megadta a tudást. Ha valódi AI-rendszert szeretnél a vállalkozásodba — nem csak elméletet —, beszéljük át, hogy pontosan mire van szükséged.
Lássuk, illik-e a stílusom hozzád