如何使用vscode創建django項目-VSCode-PHP中文網

如何使用vscode創建django項目

王林

發布： 2020-01-09 10:20:21

原創

10679 人瀏覽過

如何使用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中文網其他相關文章！