VueJS with a Flask API Demo

This template should help get you started developing with Vue 3 on the frontend and Flask as an API on the backend.

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Start Flask API

Remember to always create a virtual environment and install the packages in your requirements file. This demo also needs a PostgreSQL database to be setup. Ensure you rename the .env.sample file to .env and update the configuration as needed so you can connect to your local database.

$ python -m venv venv (you may need to use python3 instead)
$ source venv/bin/activate (or .\venv\Scripts\activate on Windows)
$ pip install -r requirements.txt
$ flask db migrate
$ flask --app app --debug run