VSCode配置Flask+Vue环境

Flask

Flask是一个轻量级的Web框架,用于构建Web应用程序。它使用Python语言编写,提供了丰富的功能和扩展,使得开发者可以快速地构建Web应用程序。
Flask框架的核心概念包括应用程序实例、路由和视图函数。应用程序实例是Flask应用程序的核心,它负责管理路由、请求和响应等。路由是指将HTTP请求映射到特定的视图函数上。视图函数是处理请求并返回响应的函数。
Flask提供了许多内置的功能和扩展,包括URL路由、请求和响应对象、模板渲染、错误处理、会话管理等。开发者可以通过安装扩展来增强Flask应用程序的功能,例如数据库集成、身份验证和授权、文件上传等。与其他Web框架相比,Flask没有强制性的约定或规定,开发者可以根据需要自由地组织代码结构。这使得Flask易于学习和使用,并且适用于从小型项目到大型应用程序的各种规模的项目。

VScode配置Flask步骤

1.新建文件夹:如命名为flask,用VScode打开flask文件夹
2.执行命令:在终端打开该文件夹并运行

python -m venv env

3.添加解释器:
在vscode中用ctrl+shift+p打开输入选项,输入:Python: Select Interpreter,选择用env的解释器
4.重新打开终端:
此时可以看到终端路径中有(env),如:

(env) PS F:\\Code\VSCode\Python\Web\Flask>

测试是否可用

在flask目录下创建app.py文件,输入:

from flask import Flask
app = Flask(__name__)
CORS(app, supports_credentials=True)
@app.route("/")
def home():
    return "Hello, Flask!"
if __name__ == '__main__':
    app.run(debug='True')

在终端执行:

python app.py

打开http://127.0.0.1:5000,可看到Hello,Flask!即成功

创建Vue项目

准备工作:安装node.js软件、安装cnpm、安装vue-cli脚手架、安装webpack打包、安装axios模块
步骤:
1.安装Vue:先下载vue:

可以更换镜像:
npm config set registry https: //registry.npm.taobao.org
查看npm配置:
npm config list
安装:
npm install vue -g
#安装webpack模板
npm install webpack -g
#安装脚手架vue-cli
npm install vue-cli -g
#安装vue-router
npm install vue-router -g
#安装vue-router
npm install vue-router -g

2.创建并运行项目:

初始化
#vue init webpack 项目名
vue init webpack myvue
#可以全部回车

进入文件夹并运行
cd myvue
npm run dev

打开:localhost:8080

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇