https://github.com/michaelbukachi/django-vuejs-tutorial

A tutorial to integrate Vue.js with django
https://github.com/michaelbukachi/django-vuejs-tutorial

django python vuejs webpack2

Last synced: about 1 month ago
JSON representation

A tutorial to integrate Vue.js with django

• Host: GitHub
• URL: https://github.com/michaelbukachi/django-vuejs-tutorial
• Owner: michaelbukachi
• Created: 2017-06-13T20:59:39.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-30T06:54:38.000Z (almost 2 years ago)
• Last Synced: 2024-04-13T23:55:23.340Z (7 months ago)
• Topics: django, python, vuejs, webpack2
• Language: Python
• Size: 58.4 MB
• Stars: 249
• Watchers: 9
• Forks: 55
• Open Issues: 18
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![ci status](https://github.com/michaelbukachi/django-vuejs-tutorial/actions/workflows/ci.yml/badge.svg)

# 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`

3. Run `python manage.py runserver`

For a detailed tutorial, checkout this [wiki](https://github.com/michaelbukachi/django-vuejs-tutorial/wiki/Django-Vue.js-Integration-Tutorial).

## 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](https://courses.djangowaves.com/?wpam_id=4) comprehensive course. It includes web sockets, celery, authentication and a lot more!