Создание и настройка проекта Vue.js (DRF + VUE)

Создаем vue-проект с помощью командной строки в директории нашего проекта:

(elvenv) D:\Elcabinet>vue create vue-elcabinet

Подробно установка описана на официальном сайте.

Выбираем установку вручную: Manually select features

Среди предлагаемых компонентов дополнительно выбираем (*) Router клавишей Space.

Подтверждаем каждый раз клавишей Enter.

Выбираем вторую стабильную версию Vue.js 2.x

Далее: Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n) Y

Далее по порядку:

ESLint + Standard config
(*) Lint on save In dedicated config files

В качестве пресета сохранять не будем: Save this as a preset for future projects? (y/N) N

Инициализируется проект на Vue.

После создания проекта Vue, можем запустить сервер. Для этого сначала переходим в директорию нашего проекта Vue:

(elvenv) D:\Elcabinet>cd vue-elcabinet
(elvenv) D:\Elcabinet\vue-elcabinet>npm run serve

Устанавливаем для Vue инструмент для работы с API.

npm install --save axios vue-axios

Готово.

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

vue ui