AI ReadyKönyvtárSablonok
AI Ready · 09 / 21

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.

3 percKezdőFeladat
Vissza a katalógusra

Mit 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 és claude paranccsal — 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érdésed van? Írj.
Következő lépé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