首頁 > 開發工具 > VSCode > 主體

如何使用vscode創建django項目

王林
發布: 2020-01-09 10:20:21
原創
10634 人瀏覽過

如何使用vscode創建django項目

一、前期準備工作

1、安裝Python,使用pip安裝pylint和yapf: 

pip install pylint yapf
登入後複製

2、下載安裝vscode:https://code.visualstudio.com/

3、安裝外掛程式Python (Microsoft官方發布),安裝完成後點選重新載入 即可重新啟動vscode並啟動Python外掛程式

如何使用vscode創建django項目

安裝flake8之後寫程式碼的時候編輯器就會提示哪裡出錯,程式碼格式不規範也會提示
1、開啟命令列

2、輸入 pip install flake8

3、安裝flake8成功後,開啟VScode,檔案->首選項->使用者設置,在settings.json文件中輸入"python.linting.flake8Enabled": true

如何使用vscode創建django項目

#二、vs code配置Python環境]

在settings.json設定如下:

如何使用vscode創建django項目

三、新Django 專案

使用 vs code開啟新建的文件,如下:

如何使用vscode創建django項目

##開啟 vs code 的Terminal 窗口,切換路徑到專案路徑下, 執行下列指令:

django-admin startproject project_name
登入後複製

如何使用vscode創建django項目

繼續執行下列指令:

python manage.py startapp app_name
登入後複製

如何使用vscode創建django項目

#備註:

(1)HelloWorld:專案的容器

(2)manage.py:一個實用的命令列工具,可讓你以各種方式與該Django項目進行互動。

(3)HelloWorld/init.py:一個空文件,告訴Python目錄是一個Python套件

如何使用vscode創建django項目(4)HelloWorld/settings.py:這個Django專案的設定/配置。

(5)HelloWorld/urls.py:該Django專案的URL聲明,一份由Django驅動的網站「目錄」2e6293ec52632689bb22a4c6578daa如何使用vscode創建django項目

(6)HelloWorld/wsgi.py:一個WSGI相容的Web伺服器的入口,以便運行你的專案

四、vs code 設定Debug Django 環境

在launch.json設定如下:###
{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    "version": "0.2.0",    
"configurations": [{            
        "name": "Python: Current File (Integrated Terminal)",            
        "type": "python",            
        "request": "launch",            
        "program": "${file}",      
         "console": "integratedTerminal"
        },
        {            
         "name": "Python: Attach",            
         "type": "python",            
         "request": "attach",            
         "port": 5678,            
         "host": "localhost"
        },
        {            
         "name": "Python: Module",            
         "type": "python",            
         "request": "launch",            
         "module": "enter-your-module-name-here",            
         "console": "integratedTerminal"
        },
        {            
         "name": "Python: Django",            
         "type": "python",            
         "request": "launch",            
         "program": "${workspaceFolder}/HelloWorld/manage.py",            
         "console": "integratedTerminal",            
         "args": [                
         "runserver",                
         "8080", //配置Django端口                
         "--noreload",                
         "--nothreading"
            ],            
         "django": true
        },
        {            
         "name": "Python: Flask",            
         "type": "python",            
         "request": "launch",            
         "module": "flask",            
         "env": {                
         "FLASK_APP": "app.py"
            },            
         "args": [                
         "run",                
         "--no-debugger",                
         "--no-reload"
            ],            
         "jinja": true
        },
        {            
         "name": "Python: Current File (External Terminal)",            
         "type": "python",            
         "request": "launch",            
         "program": "${file}",            
         "console": "externalTerminal"
        }
    ]
}
登入後複製
###五、瀏覽器查看效果########################相關文章教學推薦:###vscode教學######

以上是如何使用vscode創建django項目的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板