使用VSCode開發Django

Step2)安裝Python3

Step3)建立虛擬環境與安裝django套件

選定某個資料夾為虛擬環境資料夾，例如：C:\users\user(Windows帳號名稱)，建立.venv的虛擬環境，在VS Code選定此資料夾下執行以下指令

# py -3 -m venv .venv

# .venv\scripts\activate

安裝django套件，因為筆者使用較舊的django，所以指定django版本

(.venv) C:\Users\User> pip install -v django==3.1.2

Step4)啟動VS Code

點選「延伸模組」安裝django延伸模組與python延伸模組

Step5)開啟django專案資料夾

點選「檔案」->「開啟資料夾」，選擇django專案資料夾，資料夾內要有已經完成的django專案，如果沒有建立一個django專案。

(a)建立Django專案，專案名稱為web，「.」表示使用目前的資料夾

#django-admin startproject web .

建立資料庫

#python manage.py migrate

執行程式

#python manage.py runserver

(b)建立hello應用程式

#python manage.py startapp hello

編輯hello/views.py

編輯hello/urls.py

編輯web/urls.py

瀏覽http://127.0.0.1:8000/hello/，是否看到「第一個Django專案」

Step6)設定django虛擬執行環境

點選「檢視」->「命令選擇區(Command Palette...)」(Ctrl+Shift+p)，選取「Python:選擇直譯器(Select Interpeter)」，選取「輸入直譯器路徑」，選取「C:\Users\user\.venv\Script\python.exe」

Step7)點選新增組態檔(launch.json)，選擇「Python:Django」。如果沒有「Python:Django」，點選「Add Configuration...」，選擇Python，點選Django就會設定Django的組態檔(launch.json)。

Step8)設定中斷點，開始執行，就會啟動網頁http://127.0.0.1:8000/，瀏覽指定的網頁就會停在中斷點，顯示所有變數。