2. Структура проекта Vue: зачем нужны все эти файлы?

Задача-туториал #2. Вопросы по структуре проекта

Ключевые файлы

1. Зачем нужен файл main.js? Как он связан с другими файлами? Что за импорты в нём находятся? Что именно он делает в нашем проекте?
2. Зачем нужен файл App.vue? Что именно он делает в нашем проекте? Что за код в нём находится?
3. Как файл index.html связан с файлами main.js и App.vue? Какая роль этого файла в нашем проекте? Может, можно как-то и без него?

Важные файлы

1. Папка components - что в ней? Как это связано с нашим сайтом?
2. package.json - это ещё что за чудо? Что такое dependencies (devDependencies), что значит секция scripts?
3. vite.config.ts - какова его цель в нашем проекте? Что он там конфижит? Стоит ли менять в нём что-то??
4. tsconfig.json - ещё один config. Что он настраивает в нашем проекте? Стоит ли менять в нём что-то?
5. Папка public - зачем она? Что за секрет такой с ней связан?

Файлы, без которых никто не умрёт...

Но всё же:

1. Что делает файл .gitignore в нашем проекте?
2. А что делает файл package-lock.yaml?

Финальный вопросы

Давай посмотрим на структуру Vue ещё раз:

1. Какой файл - главный?
2. В каком файле мы будем писать код?