Django?使用VScode?創(chuàng)建工程的詳細(xì)步驟

更新時(shí)間：2022年09月26日 08:45:41 作者：Django?開(kāi)發(fā)

這篇文章主要介紹了Django?使用VScode?創(chuàng)建工程,創(chuàng)建Django 項(xiàng)目，可以和虛擬環(huán)境放在同一目錄，也可以放在虛擬環(huán)境的文件夾里，本文通過(guò)圖文并茂的形式給大家介紹的非常詳細(xì)，需要的朋友可以參考下

一、VSCode 創(chuàng)建Django 工程

VSCode 官方: https://code.visualstudio.com

1 mysite(項(xiàng)目名)，創(chuàng)建Django 項(xiàng)目，可以和虛擬環(huán)境放在同一目錄，也可以放在虛擬環(huán)境的文件夾里。

django-admin startproject mysite

2 新建文件夾-->搭建虛擬環(huán)境，新建一個(gè)項(xiàng)目文件夾 mysite，在當(dāng)前文件夾cmd輸入指令 env(虛擬環(huán)境名稱)，創(chuàng)建虛擬環(huán)境

python -m venv env

3找到文件夾--->選擇解釋器，打開(kāi)VS Code 點(diǎn)擊 File--->Open Folder 選擇項(xiàng)目選在的文件夾 mysite

導(dǎo)入文件夾之后，Ctrl+Shift+P 選擇python 的解釋器，選擇含有虛擬環(huán)境的那一個(gè)。

Ctrl+Shift+` 可以直接進(jìn)入含虛擬環(huán)境的終端，也可以直接 Ctrl+`，不過(guò)這樣需要切換到虛擬環(huán)境所在目錄，使用activate指令激活虛擬環(huán)境。(可省略)

& G:\python\django\mysite\env\Scripts\Activate.ps1

4 在新創(chuàng)建的虛擬環(huán)境中，沒(méi)有Django 框架，需要安裝Django ---> 創(chuàng)建Django 項(xiàng)目 ---> 啟動(dòng)在激活虛擬環(huán)境的 VSCode 終端(安裝指定版本的 Django，不帶版本號(hào)默認(rèn)安裝最新版本)。

pip install django

說(shuō)明 pip 版本太低，直接按照提示的命令升級(jí)即可 (可省略)

python -m pip install --upgrade pip

查看django版本

pip show django

命令啟動(dòng)項(xiàng)目

python manage.py runserver

自帶的啟動(dòng)項(xiàng)目

二、Django Template HTML 代碼提示

直接修改“設(shè)置”中的相關(guān)選項(xiàng)Django 插件安裝后為恢復(fù) html 原有語(yǔ)法提示并保留 django-html 語(yǔ)法提示

需要再VSCode 中設(shè)置相應(yīng)的屬性，VSCode 打開(kāi)設(shè)置，上方搜索框中輸入 file association

對(duì)文件關(guān)聯(lián)屬性進(jìn)行相應(yīng)的配置。

1 在 Files:Associations 下方的添加項(xiàng)中添加項(xiàng)

Item                      Value
**/*.html                 html
**/templates/**/*.html    django-html

2 把Emmet 語(yǔ)法縮寫(xiě)提示加上

Item        Value
django-html html

通過(guò)上述兩步之后，就可以在Django 模板文件中編寫(xiě)html 文件的時(shí)候

既可以有html 語(yǔ)法提示，也可以有 django-html 語(yǔ)法提示。

3 在VScode 工作區(qū)的 mysite/.vscode/settings.json 文件里添加如下內(nèi)容

{
    "python.pythonPath": "env\\Scripts\\python.exe",
    "files.associations": {
        "**/*.html": "html",
        "**/templates/**/*.html": "django-html",
        "**/templates/**/*": "django-txt",
        "**/requirements{/**,*}.{txt,in}": "pip-requirements"
    },
    "emmet.includeLanguages": {"django-html": "html"},
}