1. 程式人生 > >Flask Vue.js全棧開發

Flask Vue.js全棧開發

Flask Vue.js全棧開發

Python
Vue.js
vue-router
axios
Bootstrap4
webpack

Flask Vue.js全棧開發

1. Flask Vue.js全棧開發教程系列

2. 如何使用

2.1 git clone

$ git clone https://github.com/wangy8961/flask-vuejs-madblog.git

2.2 Backend

Open a new terminal:

$ cd back-end
$ python -m venv venv
$ source venv/bin/activate
(venv)$ pip install -r requirements.txt

# Flask-Migrate create database
(venv)$ flask db upgrade

# create back-end/.env file, like this
FLASK_APP=madblog.py
FLASK_DEBUG=1

(venv)$ flask run

瀏覽器訪問: http://localhost:5000/api/ping

2.3 Frontend

Open a new terminal:

$ cd front-end
$ npm install
$ npm run dev

瀏覽器訪問: http://localhost:8080