Структура проекта Vue аналогична многим современным приложениям на основе node.js.
и содержит следующие файлы:
- файл package.json
- папка node_modules в корне проекта
- Различные другие файлы конфигурации обычно содержатся на корневом уровне, например
vite.config.js и .eslintrc.js, поскольку они, как правило, влияют на весь проект.
По умолчанию на корневом уровне находится файл index.html, который служит основой для загрузки приложения Vue. Вы можете изменить этот файл, включив сценарии в header и footer, такие как Google Fonts или сторонние шрифты и библиотеки JavaScript, которые не входят в состав Vue.
Структура проекта Vue находится в папке src, в котором вы управляете большей частью своего
исходного кода. Вы можете разделить файлы Vue на различные папки, например, используя папку компонентов для хранения повторно используемых
Vue-компонентов.
По умолчанию Vite создаст папки assets и components.
Папка public— это специальный каталог, содержащий файлы, которые необходимо
сразу отобразить в приложении, без какой-либо обработки. Например изображения дизайна, favicon и т.д.
К этому моменту вы должны быть немного знакомы с тем, как выглядит структура проекта на Vue. Далее мы обсудим уникальный архитектурный патерн Vue — SFC.