This is a starter project for Django with Vue.js. I fell in love with the readability you get in Vue.js and decided to create a project where all components are laid out in the most readable way.
Note that this doesn't have features like hot reloading for webpack, but it's a good webpack starting point to build on.
- Get a copy of the repo on your machine
git clone https://github.com/mikebz/djangovue.git
cd djangovue
- Set up virtual environment
python3 -m venv venv
source venv/bin/activate
- Install the necessary libraries.
pip install -r requirements.txt
npm install
- Build the Vue.js front end.
npm run build
- Run the Django project
python3 manage.py runserver
At this point in time you should be able to navigate to your localhost:8000 and see a template rendered. You can also run
the npm run watch in a separate window if you want to rebuild your frontend. Note that for simplicity there is no hot
reloading so you would need to refresh the page when you save your front end files.
This only worked because people before me created some wonderful examples.