Flask+VSCode环境搭建

背景

下一次的作业将用到flask，所以这一篇文章先不介绍作业了，由于我使用的编辑器是vscode，所以本篇文章就介绍一下flask + vscode环境的搭建

环境搭建

1. 安装vscode 及 python：网上教程很多也很简单，大家自行百度就可以了
2. 创建python虚拟环境
   1. 创建一个空文件夹，名为 FlaskStudy
   2. vscode：File -> Open Folder...，选择上面创建的文件夹
   3. 
   4. vscode: Terminal -> New Terminal，输入：Python -m venv env 并回车
   5. vscode：左侧的资源管理器 - FlaskStudy 文件夹产生 env 文件夹
   6. 
3. 选择Python虚拟环境解释器
   1. vscode: View -> Command Palette... 
   2. 输入：>Python:Select Interpreter
   3. 选择带有('env':venv)的解释器,
   4. 
   5. 上面操作成功后，会在vscode的右下角显示出解释器的信息，如下图所示
   6. 
4. 安装Flask
   1. vscode: Terminal -> New Terminal，输入：pip install flask ，回车
   2. vscode：终端中显示Successfully 表示安装成功
   3. 
   4. 备注：实际安装的时候，由于网络的原因可能会报错，如果出现这样的情况，多试几次
5. 创建文件进行测试
   1. 在FlaskStudy文件夹下面创建一个app.py文件，输入如下代码：

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

   3. 点击运行按钮，如果出现下图 3 中的情况，就可以在浏览器中输入：http://127.0.0.1:5000/
   4. 
   5. 如果浏览器中出现"Hello,World!"，则表示环境配置成功了。