När du skapar ett React-projekt med Vite genereras en uppsättning filer och mappar som utgör projektstrukturen. Vid första anblick kan denna struktur verka överväldigande, men du behöver inte förstå allt på en gång.

Utforska vad varje huvudmapp och fil används till och vilka delar du oftast kommer att arbeta med.

Översikt över projektroten

Ett Vite React-projekt innehåller vanligtvis följande objekt på rot-nivån:

• node_modules;
• public;
• src;
• index.html;
• package.json;
• package-lock.json;
• vite.config.js;
• eslint.config.js;
• .gitignore;
• README.md;

Låt oss gå igenom de viktigaste.