[VSCode] Python flask 디버깅 환경 구성 (Mac)

brew install python3등 이미 python이 설치되어 있는 상태에서 진행.

 

1. VSCode 설치

2. VSCode 실행 > 플러그인 설치 : Python, Python for VSCode, Python Extension Pack

3. 터미널 or finder등으로 적당한 곳에 디렉토리 생성 (ex. ${HOME}/VSCode)

4. 실행되어 있는 VSCode에서 생성한 디렉토리 열기

5. VSCode 터미널 탭 실행

6. 가상 환경 구성 - VSCode 터미널 탭에서 > $ pythom -m venv flask_test 

7. VSCode화면에서 CMD + Shift + P 누르고

   "Python: Select Interpreter"를 선택 > 생성된 가상환경의 python 선택 (ex : ./flask_test/bin/python)

8. VSCode화면 터미널이 venv환경으로 변경되었으면, 그 터미널에서 flask 모듈 설치 > $ pip3 install flask 

9. VSCode화면 좌측 Explorer > flask_test에 우클릭 후 New File 생성 : myapp.py (대충 아래와 같이 쓰고, hi에 Break Point 설정

from flask import Flask

app = Flask(__name__)

@app.route('/')
def index():
    hi = 'hello world'
    return hi

if __name__ == '__main__':
    app.run(debug=True)

10. VSCode화면 좌측 항목중 벌레 선택 > 상단 DEBUG 선택 박스 클릭 후 Add Configuration 클릭

    혹은

    VSCode DEBUG메뉴 클릭 > Add Configuration 클릭

 

11. VSCode화면에서 launch.json이 자동생성 & 열리는데 .. 이때 뭔가 입력하는 창이 뜨는데 그냥 app.py뭐 어쩌구 나오면 선택해라.

12. launch.json열린 화면에서 FLASK_APP 속성 값 변경 

     "FLASK_APP" : "app.py" ---> "FLASK_APP": "${workspaceFolder}/flask_test/myapp.py",

 

13. F5 or debug버튼 클릭 등으로 디버그 모드 실행

 * Environment: development
 * Debug mode: off
 * Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)

14. 브라우저에서 127.0.0.1:5000 접속했을 때 BP가 제대로 걸리는지 확인.

 

 

이후 디렉토리 하부에 flask_test외 다른 모듈을 설계하고, 구분해서 실행시키고 싶을 때는

10번을 반복해서 Add Configuration으로 디버그할 앱을 추가하고,

디버그 실행시 해당 구성을 선택하여 실행.