Vue-cli

Vue-cli - консольная утилита от разраьботчиков Vue. Она позволяет с помощью нескольких команд развернуть проект любой сложности используя готовый шаблон. Каждый из шаблонов может иметь свою структуру и свою систему сборки. Также можно устанавливать свои собственные шаблоны.

Установка

npm install vue-cli -g 

npm install -g @vue/cli-init

-g - опция глобал для вызова из любого места на компьютере.

Теперь нужно установить шаблон - например webpack-simple. webpack-simple - сразу из коробки поддерживает ES6 синтаксис.

vue init webpack-simple vue-app

• webpack-simple - название шаблона
• vue-app - название папки куда установить

После создания шаблона нужно перейти в папку проекта и установить зависимости

npm install

После этого проект готов к работе. Для запуска можно использовать

# Запускаем одновременно сервер и сборку
npm run dev

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

# Делаем сборку с одновременной минификацией всего кода
npm run build

Список официальных шаблонов

• webpack - Webpack + vue-loader установка включающая в себя hot reload, jslint и тесты.
• webpack-simple - Простая Webpack + vue-loader установка для быстрого прототипирования.
• browserify - Browserify + vueify установка включающая в себя hot-reload, jslint и юнит-тесты.
• browserify-simple - Простая Browserify + vueify установка для быстрого прототипирования.
• simple - Самая простая из возможных Vue установка из одного HTML файла.

 

Vue3-cli
Можно установить локально в папку, а потом запускать локально

 vue ui

для рабоботы нужно удалить старую версию

npm uninstall -g vue-cli
npm install -g @vue/cli