vuejs and Django integration with hot code reload
Python JavaScript Vue Makefile HTML

hello-vue + Django

This is a boilerplate project for using vuejs with Django.


  • Django backend in ./backend
  • vuejs (v2) frontend in ./frontend
  • Hot-reload with vue-loader
  • eslint linter integration
  • Makefile to make your life easy

Development environment setup

These steps will install all required dependencies including development ones, run migrations and start dev server.

make dev
make migrate
make run


These steps will install productio dependencies and build vuejs application to static/dist folder.

make prod
make build

Be aware

For the sake of simplicity Django config is contained within it's own backend app. In real world setting you would probably want to remove backend from INSTALLED_APPS, create a new app and move backend.views to it.

You probably want to create python virtual environment as well. Default python instance available will be used.