• Stars
    star
    245
  • Rank 165,304 (Top 4 %)
  • Language
    Python
  • Created over 7 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A tutorial to integrate Vue.js with django

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!