Flask Vue.js全栈开发

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Flask Vue.js全栈开发相关的知识,希望对你有一定的参考价值。

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

以上是关于Flask Vue.js全栈开发的主要内容,如果未能解决你的问题,请参考以下文章

使用 Vue.js 和 Flask 实现全栈单页面应用

Vue 之Flask实现全栈单页面应用

老卫拆书009期:Vue+Node肩挑全栈!《Node.js+Express+MongoDB+Vue.js全栈开发实战》开箱

技能学习:学习使用golang(gin框架) + vue.js,开发前端全栈网站-5.跨域并跨域传输数据

Vue.js+Node.js全栈开发入门实战 | 推荐

入门到精通❤️「Java工程师全栈知识路线」