Используя webpack разворачиваем приложение
устанавливаем зависимости и запускаем dev-server
Используя webpack разворачиваем приложение
устанавливаем зависимости и запускаем dev-server
Кратко о настройке Django REST Framework
//Пару слов о REST FW http://www.django-rest-framework.org/ + схема взаимодействия приложений
sudo npm install -g vue-cli
vue init webpack chat-vue
cd chat-vue npm run dev
Основные файлы
yury@Air:~/Desktop/MyDevApp/WormsChat/chat-vue$ tree -L 1 . ├── README.md ├── build # Настройки билда проекта. Dev и Prod версии │ ├── build.js │ ├── check-versions.js │ ├── logo.png │ ├── utils.js │ ├── vue-loader.conf.js │ ├── webpack.base.conf.js │ ├── webpack.dev.conf.js │ └── webpack.prod.conf.js ├── config # Конфигурационные файлы. Настройки │ ├── dev.env.js │ ├── index.js │ └── prod.env.js ├── index.html # Отправной файл всего проекта. Инициализация проекта в div="app" ├── node_modules # Тоже самое, что site-packeges в Django │ ├── ... ├── package-lock.json ├── package.json ├── src # Содержит тот проект, который будем писать │ ├── App.vue # Главный компонент, который запускает весь проект │ ├── assets # Дополнительные файлы: css, img, fonts │ │ └── logo.png │ ├── components # Каждый компонент отвечает за какую то свою логику. Чем то похожи на app в Django │ │ └── HelloWorld.vue │ ├── main.js # Управляющий файл всем проектом │ └── router # Содержит файл url дл проекта │ └── index.js └── static ├── .editconfig # Настройки проекта ├── packege.json # Описание проекта. Установленные пакеты для Dev and Project