Vue.js постепенно становится очень популярным фреймворком, и добавление этого навыка в ваше резюме может быть интересным для вашей карьеры. Поэтому, если вам интересно, как запустить проект Vue с помощью Vue CLI, продолжайте читать.

Установка Вью

npm install -g @vue/cli
# OR
yarn global add @vue/cli

Инициализация вашего проекта

Сначала вам нужно будет выполнить следующую команду:

vue create first-project

Вы можете либо выбрать предварительно выбранные параметры с помощью Vue 2 или Vue 3, либо выбрать «Выбрать функции вручную».

Если вы выберете вариант по умолчанию, проект будет создан напрямую.

Если вы выберете функции вручную, Vue CLI задаст вам еще несколько вопросов:

  1. Выберите нужные вам функции, от Typescript до Vuex или модульного тестирования. Вы также можете выбрать версию Vue, с которой хотите работать.

  1. Выберите, где вы хотите хранить конфигурации для ваших функций.
  2. Укажите, хотите ли вы сохранить эти параметры в качестве предустановки для будущих проектов.

Подождите, пока проект будет создан…

Как только это будет сделано, перейдите в каталог вашего проекта и выполните следующую команду, чтобы запустить локальную среду разработки:

yarn serve
# OR
npm run serve

Теперь вы можете перейти по адресу http://localhost:8080/, и ваш сайт появится!

Пользовательский интерфейс

Существует опция, которая предоставляет вам интерфейс для создания новых проектов и управления всеми проектами Vue, хранящимися на вашем компьютере.

Вы можете попробовать это с помощью команды:

vue ui

С помощью этой панели вы можете добавлять новые плагины, devDependencies или запускать скрипты!

Заключение

Не стесняйтесь задавать вопросы или оставлять комментарии, если эта статья помогла вам!

Удачного кодирования! 👋

Первоначально опубликовано в моем блоге.