[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으로 디버그할 앱을 추가하고,

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

from http://woonizzooni.tistory.com/98 by ccl(A) rewrite - 2020-03-06 20:54:29