Что делаешь верхнеуровневое после Vue create при создании приложения

«Что делаешь верхнеуровневое после Vue create при создании приложения» — вопрос из категории Vue, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

После vue create выполняется несколько ключевых шагов:

  1. Установка зависимостей — автоматически инсталлируются vue, vue-router (если выбран), vuex (если выбран) и другие пакеты из package.json.

  2. Создание структуры проекта — генерируется стандартная папка src/ с основными файлами:

    • main.js — точка входа.
    • App.vue — корневой компонент.
    • components/ для UI-элементов.
  3. Настройка конфигов — создаются:

    • babel.config.js — для транспиляции.
    • vue.config.js (если нужна кастомизация).

Пример структуры:

src/
├── main.js
├── App.vue
├── components/
├── assets/
  1. Запуск дев-сервера — можно сразу стартовать проект через npm run serve.

Для кастомизации (например, добавления TypeScript) можно использовать vue add @vue/typescript.