Vue CLI (интерфейс командной строки) — это полноценная система для быстрой разработки Vue.js. Он предоставляет стандартную настройку сборки для проектов Vue, включая возможность компилировать однофайловые компоненты .vue, полнофункциональный сервер разработки с горячей перезагрузкой, анализом при сохранении и т. д.

Чтобы установить Vue CLI, в вашей системе должен быть установлен Node.js. Затем вы можете открыть свой терминал и выполнить следующую команду:

npm install -g @vue/cli

Создайте свое первое приложение Vue с помощью CLI:

  1. Откройте терминал и создайте новый проект Vue, выполнив следующую команду:
vue create my-first-vue-app

2. Выберите предустановку по умолчанию, нажав клавишу ввода.

3. Перейдите во вновь созданный каталог проекта:

cd my-first-vue-app

4. Запустите сервер разработки, выполнив следующую команду:

npm run serve

5. Посетите http://localhost:8080 в своем браузере, чтобы увидеть свое приложение Vue в действии.

Другие популярные команды Vue CLI:

  • vue serve: компилируйте и обслуживайте файл .vue в браузере без необходимости полной настройки проекта.
  • vue build: Скомпилируйте проект для производства.
  • vue add: Установите и настройте дополнительные плагины для вашего проекта, такие как vue-router, vuex и другие.
  • vue inspect: Проверьте внутреннюю конфигурацию веб-пакета для вашего проекта.
  • vue ui: Запустите графический интерфейс пользователя для Vue CLI, который предоставляет веб-интерфейс для управления вашими проектами Vue.

Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter, LinkedIn, YouTube и Discord .

Заинтересованы в масштабировании запуска вашего программного обеспечения? Ознакомьтесь с разделом Схема.