[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으로 디버그할 앱을 추가하고,
디버그 실행시 해당 구성을 선택하여 실행.