/django-vuejs-tutorial

A tutorial to integrate Vue.js with django

Primary LanguagePython

ci status

django-vuejs-tutorial

This tutorial integrates Vue.js and django into one application, with Vue.js handling frontend logic and django managing backend reponses.

Installation

  1. Clone the repo
  2. Run pip install -r requirements.txt
  3. Run npm install
  4. Run ./node_modules/.bin/webpack
  5. Run python manage.py runserver

For a detailed tutorial, checkout this wiki.

No Webpack setup

Sometimes you might not need a whole frontend application. Maybe you just Vue.js to improve functionality on your existing app To checkout the no webpack example

Steps:

  1. Clone the repo with git clone --single-branch --branch no_webpack https://github.com/michaelbukachi/django-vuejs-tutorial.git (You can also clone the repo normal way and checkout the no_webpack branch)
  2. Run pip install -r requirements.txt
  3. Run python manage.py runserver

If you are done with the tutorial and you feel like you need to know more about Django and VueJs, then check out this comprehensive course. It includes web sockets, celery, authentication and a lot more!