Anaconda+Django+VSCodeでストレスレスな環境構築②
スポンサーリンク
こんにちは。talosです。
今回はAnacondaでDjangoをインストールし、VSCodeでコーディングできるように環境構築していきたいと思います。
②ではVSCodeでDjangoアプリのデバッグをできるようにします。
Djangoのインストールがまだの方は①から読んでください。
拡張機能のインストール
VSCodeでDjangoアプリのデバッグをできるようにします。
次に以下のワードをそれぞれ検索窓に打ち込み、インストールしてください。
- Python
- Anaconda Extension Pack
AnacondaのPathを通す
AnacondaをインストールしたときにPathを通していない人は、ユーザー環境変数のPathに以下を追加してください。
(ユーザー名のところはご自身のユーザー名に置き換えてください)
- C:\Users\ユーザー名\Anaconda3
- C:\Users\ユーザー名\Anaconda3\Scripts
- C:\Users\ユーザー名\Anaconda3\Library\bin
VSCodeのターミナルで仮想環境に入る
まずVSCodeを再起動してください。
立ち上がったらCtrl+Shift+Pでコマンドパレットを開き、「Python: インタープリターを選択」と入力して選択します。
すると、以下のような選択肢が出てくるので先程作成した仮想環境を選択します。
そうしたら、Ctrl+Shift+@でターミナルを開きます。
うまくいけば仮想環境が開くはずです。
仮想環境が開かなかった場合は再起動したり、再びインタープリターを選択してみたりしてください。
スポンサーリンク
デバッグ用のアプリを作る
Djangoの公式チュートリアルを基にデバッグをするための最低限のアプリを作ります。
仮想環境に入ったら、前回作ったプロジェクト(mysite)のディレクトリに移動します。
mysiteに入ったら以下のコマンドを実行します。
python manage.py startapp polls
これでPollsアプリケーションが作られました。
まず、mysiteディレクトリ内のmysiteのurls.py(mysite/mysite/urls.py)を編集します。
mysite/urls.py
from django.contrib import admin from django.urls import include, path urlpatterns = [ path('polls/', include('polls.urls')), path('admin/', admin.site.urls), ]
次にpollsディレクトリに移動し、views.pyを編集します。
polls/views.py
from django.http import HttpResponse def index(request): return HttpResponse("Hello, world. You're at the polls index.")
pollsにもurls.pyを作成します。
polls/urls.py
from django.urls import path from . import views urlpatterns = [ path('', views.index, name='index'), ]
デバッグをしてみる
ファイル⇒フォルダーを開くからmysiteを選択してください。
次に虫のマークを押下し、「launch.jsonファイルを作成します」をクリックします。
Pythonを選択します。
Djangoを選択します。
次にブレークポイントを設置します。
が、その前に、今回はデバッグしているところをわかりやすくするためにコードを追加します。
polls/views.py
from django.http import HttpResponse def index(request): print(1) print(2) print(3) return HttpResponse("Hello, world. You're at the polls index.")
そうしたら、5行目の左側にカーソルを合わせると赤い丸が出るので、クリックします。
カーソルを外しても赤い丸が出たままになっていればOKです。
あとは実行ボタンを押下するとサーバーが立ち上がるので、http://localhost:8000/pollsにアクセスします。
ステップオーバーボタンを押すと、コンソールに1と出力されたと思います。
さらにもう1回押すと2が出力され、もう1回押すと3が出力されます。