michaelbukachi / Django Vuejs Tutorial
A tutorial to integrate Vue.js with django
Stars: ✭ 242
Programming Languages
python
139335 projects - #7 most used programming language
Projects that are alternatives of or similar to Django Vuejs Tutorial
Docker Django Webpack Skeleton
Django Skeleton W/ Docker Dev & Production W/ Webpack 2 W/ BabelJS W/ Sass W/ PostgreSQL
Stars: ✭ 191 (-21.07%)
Mutual labels: webpack2, django
Tacticalrmm
A remote monitoring & management tool, built with Django, Vue and Go.
Stars: ✭ 231 (-4.55%)
Mutual labels: django
Mayan Edms
Free Open Source Document Management System (mirror, no pull request or issues)
Stars: ✭ 226 (-6.61%)
Mutual labels: django
Celery Progress
Drop in, configurable, dependency-free progress bars for your Django/Celery applications.
Stars: ✭ 230 (-4.96%)
Mutual labels: django
Webpack Chain
A chaining API to generate and simplify the modification of Webpack configurations.
Stars: ✭ 2,821 (+1065.7%)
Mutual labels: webpack2
Pyinstrument
🚴 Call stack profiler for Python. Shows you why your code is slow!
Stars: ✭ 3,870 (+1499.17%)
Mutual labels: django
Django Colorfield
color field for django models with a nice color-picker in the admin. 🎨
Stars: ✭ 238 (-1.65%)
Mutual labels: django
Django Migration Linter
🚀 Detect backward incompatible migrations for your django project
Stars: ✭ 231 (-4.55%)
Mutual labels: django
Generator Chrome Extension Kickstart
Scaffold out a Web Extension http://yeoman.io
Stars: ✭ 232 (-4.13%)
Mutual labels: webpack2
Fast Sass Loader
High performance sass loader for webpack
Stars: ✭ 229 (-5.37%)
Mutual labels: webpack2
Django Rest Passwordreset
An extension of django rest framework, providing a configurable password reset strategy
Stars: ✭ 238 (-1.65%)
Mutual labels: django
Django Data Wizard
🧙⚙️ Import structured data (e.g. Excel, CSV, XML, JSON) into one or more Django models via an interactive web-based wizard
Stars: ✭ 227 (-6.2%)
Mutual labels: django
Chain
链喵 CMDB 本项目已停止开发！因长时间未对代码进行维护，可能会造成项目在不同环境上无法部署、运行BUG等问题，请知晓！项目仅供参考！
Stars: ✭ 240 (-0.83%)
Mutual labels: django
Django Sockpuppet
Build reactive applications with the django tooling you already know and love.
Stars: ✭ 225 (-7.02%)
Mutual labels: django
Rest Api
Learn how to build your own REST API with Python, Django, and the Django Rest Framework.
Stars: ✭ 232 (-4.13%)
Mutual labels: django
Productivity Frontend
Productivity Application - Kanban Style Productivity Management Application with Customizable Boards, Lists and Cards to Make You More Productive.
Stars: ✭ 234 (-3.31%)
Mutual labels: webpack2
Django React Redux Base
Seedstars Labs Base Django React Redux Project
Stars: ✭ 2,629 (+986.36%)
Mutual labels: django
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
- Clone the repo
- Run
pip install -r requirements.txt - Run
npm install - Run
./node_modules/.bin/webpack - 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:
- 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) - Run
pip install -r requirements.txt - 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!
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].