Ответ
После vue create выполняется несколько ключевых шагов:
-
Установка зависимостей — автоматически инсталлируются
vue,vue-router(если выбран),vuex(если выбран) и другие пакеты изpackage.json. -
Создание структуры проекта — генерируется стандартная папка
src/с основными файлами:main.js— точка входа.App.vue— корневой компонент.components/для UI-элементов.
-
Настройка конфигов — создаются:
babel.config.js— для транспиляции.vue.config.js(если нужна кастомизация).
Пример структуры:
src/
├── main.js
├── App.vue
├── components/
├── assets/- Запуск дев-сервера — можно сразу стартовать проект через
npm run serve.
Для кастомизации (например, добавления TypeScript) можно использовать vue add @vue/typescript.
Ответ 18+ 🔞
А, ну это же классика, блядь! Ты vue create запустил и думаешь, что всё, можно чай пить? Ёпта, нет, сука, сейчас как начнётся!
Ну, первым делом, этот шаманский инструмент начнёт зависимости ставить. Он тупо в package.json посмотрит, что ты там нагадал, и начнёт качать vue сам, vue-router (если ты его, мудя, отметил галочкой), vuex (опять же, если ты не совсем конченый и понимаешь, что состояние надо хранить где-то, а не в жопе). В общем, всё, что в списке — всё полетит в node_modules, и будет там гигабайтами лежать, ядрёна вошь.
Потом, сука, он тебе структуру проекта наколдует. Создаст папочку src/, а в ней, внимание, основные файлы-пиздюлины:
main.js— это типа главный вход, точка входа, с неё всё и начинается, как с поцелуя в жопу.App.vue— корневой компонент, мамка всех твоих будущих компонентов, которые ты будешь плодить как сумасшедший.- Папку
components/— туда ты будешь кидать свои UI-штуки, которые потом будешь переиспользовать и охуевать, почему они не работают.
Дальше — конфиги, блядь! Без них никуда. Автоматом вылезут:
babel.config.js— чтобы твой модный ES6+ код превращался в говно, которое браузеры старые смогут жрать. Транспиляция, ебать мои старые костыли.vue.config.js— его изначально нет, но если ты захочешь что-то похитрее настроить (например, порт поменять, потому что 8080 уже занят каким-то пидором), ты его создашь и там всё опишешь.
Вот тебе пример структуры, чтобы ты не обосрался, когда откроешь папку:
src/
├── main.js
├── App.vue
├── components/
├── assets/И наконец, последний аккорд — запуск дев-сервера. Команда npm run serve, и если ты всё правильно сделал (а ты, скорее всего, нет), у тебя в консоли загорится локальная ссылка. Тыкнешь на неё — и охуеешь от белого экрана с логотипом Vue. Поздравляю, ты создал Hello World, ёпта!
А если тебе мало этого цирка и захотелось TypeScript, потому что все умные так делают, то держи команду: vue add @vue/typescript. Он тебе тогда такую подлянку устроит с переписыванием файлов и вопросами, что ты почувствуешь себя полным мудаком. Но зато потом будешь писать с типами и чувствовать себя богом фронтенда, пока не начнётся дебаг.