Fara beint í efni
4.3

Afritið

Áætlaður tími: 25 minTól: Git, Node.js, VS Code, Claude Desktop
Eftir þessa æfingu getur þú:

Eftir þessa æfingu geturðu klónað hvaða GitHub-geymslu sem er á þína eigin vél, keyrt hana og skilið uppbyggingu verkefnisins.

Hvers vegna þetta skiptir máli

Klónun opnar heim opins hugbúnaðar. Hvert nytsamlegt verkefni, sniðmát og byrjunarpakki á GitHub verður beint aðgengilegur. Það sem meira er: að klóna þitt eigið Lovable-verkefni gefur þér fulla stjórn á eigin vél — þú getur keyrt það, breytt því, prófað það án nettengingar og beitt Claude Code á það í einingu 5. Hér hættir Lovable-forritið að vera skýjagripur og verður að kóða sem þú átt.

Hvernig á að gera það

  1. 1

    Klónaðu Lovable-verkefnið þitt

  2. 2

    Farðu inn í klónuðu möppuna og sæktu pakkana: npm install

  3. 3

    Keyrðu forritið á eigin vél: npm run dev

  4. 4

    Fáðu Claude Desktop til að leiða þig um verkefnið

Fyrirmælin

PROMPT — Project Structure TourLíkan: Claude Desktop
I just cloned a web application project. Here is the folder structure:

[PASTE OUTPUT OF: ls -la or find . -maxdepth 2 -not -path "*/node_modules/*"]

Please give me:
1. A plain-language tour: what each folder and key file is for
2. The entry point: where does the app start executing?
3. The most important files I should understand first
4. The relationship between the files (which files use which)

Gæðaviðmið

  • ✓Þú klónaðir geymsluna með git clone
  • ✓npm install kláraðist án villna
  • ✓Forritið keyrir á localhost í vafranum
  • ✓Þú getur sagt til hvers hver aðalmappa er

Algeng mistök

Að gleyma að keyra npm install á undan npm run dev

→ Villur á borð við „Cannot find module“ þýða nær alltaf að npm install var ekki keyrt. Í vafa: keyrðu npm install og reyndu aftur.

Að klóna í ranga möppu

→ Keyrðu pwd áður en þú klónar til að sjá hvar þú ert. Klónaðu í sérstaka verkefnamöppu (~/projects/ eða ~/code/).