Skip to main content

Create a Flask+Vue.js app in seconds.

Project description

[![Build Status](https://travis-ci.org/treebee/flask-vue-scaffold.svg?branch=master)](https://travis-ci.org/treebee/flask-vue-scaffold)

# flask-vue-scaffold

Create a new [Flask](https://github.com/pallets/flask) project with a [Vue.js](https://github.com/vuejs/vue) frontend without pain.

## About

`flask-vue-scaffold` helps with setting up a new project which uses Flask for the backend and Vue.js for the frontend.
No need to spend hours getting webpack and Flask to work together for development and production.
As a base it uses [vue-cli](https://github.com/vuejs/vue-cli) with webpack.
In development mode two services are started with the help of [honcho](https://github.com/nickstenning/honcho),
the Flask server and a webpack-devserver.

## Requirements

* Python3.6
* Node

## Usage

```
pip install flask-vue-scaffold
flask_vue init --name my-awesome-project [--dest /path/to/workspace]

cd /path/to/workspace/my-awesome-project
pip install -e .
yarn
my_awesome_project devserver
```

Start editing the backend in the `my_awesome_project` directory, frontend in `src`.

## License

Apache License 2.0

## TODO
* add more tests
* add example python tests to the created project
* merge build and config folder (webpack config stuff) into config folder


Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

Flask-Vue-Scaffold-0.1.1.tar.gz (126.3 kB view hashes)

Uploaded source

Built Distribution

Flask_Vue_Scaffold-0.1.1-py3-none-any.whl (133.5 kB view hashes)

Uploaded py3

Supported by

AWS AWS Cloud computing Datadog Datadog Monitoring Facebook / Instagram Facebook / Instagram PSF Sponsor Fastly Fastly CDN Google Google Object Storage and Download Analytics Huawei Huawei PSF Sponsor Microsoft Microsoft PSF Sponsor NVIDIA NVIDIA PSF Sponsor Pingdom Pingdom Monitoring Salesforce Salesforce PSF Sponsor Sentry Sentry Error logging StatusPage StatusPage Status page