(初心者向け) Mac で Django を使えるようにする で Django をセットアップしましたが、このままだと開発はできないので、Visual Studio Code (VSCode) 上で開発/デバッグができるようにします。
下準備
ひとまず、最低限の準備をします。
Pythonの仮想環境 “venv” に Django をインストールして、Django プロジェクト “project” を作成しました。
詳細は (初心者向け) Mac で Django を使えるようにする に記載しています。
![](https://i0.wp.com/snow-under.com/wp-content/uploads/2022/04/e0e1276d875b9ef383796defb7f88405.png?resize=1024%2C719&ssl=1)
Visual Studio Code を起動
Visual Studio Code を起動します。
![](https://i0.wp.com/snow-under.com/wp-content/uploads/2022/04/42386bde0a00d8a0c751e14da9b1fef8.png?resize=1024%2C649&ssl=1)
VSCode に Pythonプラグインをインストール
Pythonプラグインをインストールします。
![](https://i0.wp.com/snow-under.com/wp-content/uploads/2022/04/92e1f8a62cb15aaccb70881e5d4b53f5.png?resize=1024%2C649&ssl=1)
フォルダを選択
作成した Django プロジェクトを開きます。
![](https://i0.wp.com/snow-under.com/wp-content/uploads/2022/04/8b6821c84f46945a6e302cf520a25e7b.png?resize=296%2C459&ssl=1)
VSCode上で作成したフォルダを開きます。
![](https://i0.wp.com/snow-under.com/wp-content/uploads/2022/04/f00bff8087d3c8c89f55aa4b7aa80d13.png?resize=396%2C402&ssl=1)
![](https://i0.wp.com/snow-under.com/wp-content/uploads/2022/04/57aa1ba122b390ccfeefc4c361b12e26.png?resize=1024%2C650&ssl=1)
フォルダを開きました。
Python インタプリタを選択する
コマンドパレットから Python インタプリタを選択します。
メニューの [表示]→[コマンドパレット] から選択できます。
![](https://i0.wp.com/snow-under.com/wp-content/uploads/2022/04/c8265bb344684b67b11d1da8b0317bc4.png?resize=1024%2C650&ssl=1)
venvがついた仮想環境を選びましょう。
フォルダを開いた中に Python の仮想環境があると、自動的に認識されるはずです。
![](https://i0.wp.com/snow-under.com/wp-content/uploads/2022/04/628bb7126c4d580e7eba18b4d76f8f1c.png?resize=1024%2C650&ssl=1)
Pythonファイルを選ぶと画面下のステータスバーに Pythonバージョンと 仮想環境を表す ‘venv’ が表示されているはずです。
![](https://i0.wp.com/snow-under.com/wp-content/uploads/2022/04/7f54387fd142bc199c4551c3db136a8b.png?resize=1024%2C650&ssl=1)
デバッガを起動してみる
とりあえずデバッガを起動してみましょう。
まずはデバッグ環境を設定します。
「launch.jsonファイルを作成します」をクリックします。
![](https://i0.wp.com/snow-under.com/wp-content/uploads/2022/04/65efa1351c61784063c0ede124b9f41e.png?resize=1024%2C650&ssl=1)
その後、「Django」を選びましょう。
![](https://i0.wp.com/snow-under.com/wp-content/uploads/2022/04/52ea429be5b7367e93d530270e6a4bef.png?resize=1024%2C650&ssl=1)
manage.py のパスを指定します。
私の場合
${workspaceFolder}/project/manage.py
を指定しました。
![](https://i0.wp.com/snow-under.com/wp-content/uploads/2022/04/53622767a931a6327cefcb9587899cf1.png?resize=840%2C533&ssl=1)
あとは 「実行とデバッグ」 のボタンを押せばターミナルが起動して実行状態になるはずです。
![](https://i0.wp.com/snow-under.com/wp-content/uploads/2022/04/7f1768c924728d55afa3fdcff96f32a8.png?resize=1024%2C650&ssl=1)
実行状態になったら URL をブラウザにコピペしてアクセスしてみましょう。
![](https://i0.wp.com/snow-under.com/wp-content/uploads/2022/04/2a2c2d9fccb80189c9df0d94b4d12f65.png?resize=1024%2C650&ssl=1)
VSCode上でDjangoのデバッグ環境ができました
ブラウザでアクセスすると Django ページが表示されました。
これでVisual Studio Code上でデバッグできるようになったともいます。
お疲れ様でした。
![](https://i0.wp.com/snow-under.com/wp-content/uploads/2022/04/ad6b9f9d5c556fce60ad799284660b12.png?resize=840%2C633&ssl=1)
コメント