LoginSignup
4
9

More than 3 years have passed since last update.

VSCodeでDjangoを使用した仮想環境を構築する(Windows)

Posted at

あらかじめPythonとVSCodeをダウンロードしておく

事前準備

仮想環境を作成する

仮想環境を作成するツールをダウンロードする

cmd.exe
C:¥Users>pip install virtualenv

仮想環境を作成する。今回はsrc_pyという環境をD直下に作成する
D:¥src_py

仮想環境用のフォルダを作成する

cmd.exe
C:¥Users>D:
D:¥>mkdir src_py
D:¥>cd D:¥src_py

以下のコマンドを実行して仮想環境にする

cmd.exe
D:¥>cd D:¥src_py
D:¥src_py>python -m venv venv

現在のフォルダ構成はこうなっている
src_py
└─venv

Djangoをインストールする

まず、activateで仮想環境を動作させる
(venv) D:¥src_py>と表示されたら成功

cmd.exe
D:¥src_py>D:¥src_py¥venv¥Scripts¥activate
(venv) D:¥src_py>

仮想環境はdeactivateで終了できる
次にDjangoをインストールする

cmd.exe
(venv) D:¥src_py>pip install django
(venv) D:¥src_py>python -m pip install --upgrade pip

プロジェクトを作成する

今回はenv1というプロジェクトを作成する

cmd.exe
(venv) D:¥src_py>django-admin startproject env1 .

現在のフォルダ構成はこうなっている
src_py
├─env1
└─venv
└─manage.py

VSCodeでの環境構築

VScodeを起動し、ファイル→フォルダを開くを選択し、仮想環境のあるフォルダ
(今回はD:¥src_py)を選択する。

赤枠をクリックしPython,Djangoをインストールする
image.png
image.png

Ctrl + Shift + pでコマンドパレットを開き
Python:Select Interpreterを選択
image.png

先ほど作成した仮想環境のPythonを選択する
image.png

左下が仮想環境のPythonを参照していたら成功
image.png

設定ファイルを作成する。
▷ボタンをクリック→Create a launch.json fileをさらにクリック
image.png
Pyhonを選択
image.png
Djangoを選択
image.png
launch.jsonファイルが作成されるので赤枠の▷をクリックして実行する
image.png
実行中にWinError 10061が出力された場合は
Set-ExecutionPolicy -ExecutionPolicy Unrestricted -Scope CurrentUser
をターミナルで実行し、スクリプトの実行を許可してから再度▷ボタンをクリック
image.png
Starting development server at http://127.0.0.1:8000/
Quit the server with CTRL-BREAK.
と出力されたら成功
image.png

Webブラウザでhttp://127.0.0.1:8000/にアクセスする
このような画面が表示されていれば成功。仮想環境の構築は終了
image.png

4
9
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
9