Что такое Vue CLI и зачем это нужно? Давайте рассмотрим базовые теоретические понятия, которые нужно понимать, прежде чем приступать к знакомству с этим инструментом. 

Это название состоит из двух слов: vue и cli. Со словом vue все понятно, оно означает, что этот инструмент относится к фреймворку Vue. 

CLI - этот термин он относится не только к понятию vue cli, которое мы сейчас разбираем. Это общая аббривиатура, которая обозначает:

command line interface (интерфейс командной строки)

В операционных системах есть специальная программа, которая называется командная строка, запуская которую, вы можете взаимодействовать с операционной системой. Принято программы, которые имеют интерфейс командной строки, могут через нее работать, добавлять к ним слово cli. 

Vue cli - это одна из таких программ, которая позволяет нам с помощью интерфейса командной строки взаимодействовать с фреймворком Vue и производить там какие-то действия.

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

Главная цель утилиты Vue CLI - это автоматизация рутинных задач. В первую очередь, это такая задача, как быстрое разворачивание проекта.

Если вы ранее уже работали с фреймворком Vue, то, наверно, представляете насколько много времени может уйти на разворачивание проекта. Нужно установить кучу модулей и дополнительных библиотек с помощью менеджеров пактов npm или yarn. Все эти библиотеки нужно настроить, прописать дополнительные опции, настройки, наладить связь между разными модулями. Чтобы все это настроить, даже если у вас есть какие-то наработки, на это может уйти пару часов. Для опытных программистов это быстрее, но в любом случае на это уходит достаточно много времени. 

Vue cli позволяет автоматизировать это автоматическое разворачивание проекта, но не только разворачивание проекта. Есть и другие команды Vue cli, которые позволяют этим проектом быстро управлять и решать какие-то рутинные задачи.

Когда мы разворачиваем проект с помощью Vue cli, у нас разворачивается проект на Vue, где будет связь со сборщиком модулей webpack и связь с пакетом webpack-dev-server. Это специальный пакет, который позволяет разрабатывать наш проект без установки реального production сервера. 

Мы можем на лету, в памяти компьютера, развернуть мини-сервер для разработки, где мы сможем быстро тестировать, разворачивать простые проекты на Vue с автоматическим обновлением страницы без перезагрузки страницы. 

С помощью vue cli мы можем сделать все это очень быстро, буквально с помощью одной команды.