Подготовка
Работа с Git Установка Vue CLI Client-server Примеры боевого кода
ECommerce
Работа с корзиной Работа с заказами
Пользователи
Работа с избранным Пользователи
Каталог
Работа с каталогом
Общее
Поиск Обратная связь Работа со стилями Классы для GTM
  • 1 Установка NPM
  • 2 Установка vue/cli
  • 3 Установка vue сборки
  • 4 Первый запуск проекта
  • 5 Запуск проекта
  • 6 Сборка проекта ( билд )
arrow_back Установка Vue CLI
Front-end / Back-end

Установка NPM

 

Прейдите на оф-сайт и скачайте nodejs https://nodejs.org/en/blog/release/v16.16.0/

Запустите инсталятор и дождитесь завершения установки laugh

 

 

Установка vue/cli


npm install -g @vue/cli

После успешной установки, вы сможете работать с vue-cli на вашем компьютере.

 

enlightened Более подробную информацию вы можете получить на сайте: cli.vuejs.org

Установка vue сборки

Скачайте и распакуйте архив со свежей версией сборки.

Создайте папку с проектом, например project.vue ( в 99% нужно склонировать созданный проект )

И переместите содержимое архива:

В папку с вашим новым проектом: project.vue

cool Нейминг созданых проектов должен включать окончание .vue

 

 

 

Первый запуск проекта

mail  Перейдите в папку с вашим проектом, запустите терминал.

1. Установка зависимостей

Самое первое что нужно сделать, установить зависимости:


npm i

Установка зависимостей может занять определенное время.

2. Запустите проект

Для запуска проекта, используйте команду:


npm run serve

Данная команда запустит vue-cli и веб-сервер для api.

 

enlightened После запуска, проект будет доступен по ссылке: http://localhost:8080/

Запуск проекта

mail  Перейдите в папку с вашим проектом, запустите терминал.

Для запуска проекта, используйте команду:


npm run serve

Данная команда запустит vue-cli и веб-сервер для api.

 

enlightened После запуска, проект будет доступен по ссылке: http://localhost:8080/

Сборка проекта ( билд )

mail  Перейдите в папку с вашим проектом, запустите терминал.

Для сборки проекта, используйте команду:


npm run build

Данная команда запустит сборку проекта.

Для сборки проекта потребуется время.

cool После завершения процесса сборки, в корне проекта будет создана папка /dist/

В папке /dist/ находится вся скомпилированная статика которую в дальнейшем нужно деплоить на сервер.