如何使用vscode创建django项目

如何使用vscode创建django项目

一、前期准备工作

1、安装python,使用pip安装pylint和yapf: 

pip install pylint yapf

登录后复制

2、下载安装vscode:https://code.visualstudio.com/

3、安装插件 Python (Microsoft官方发布),安装完成后点击 重新加载 即可重启vscode并激活 Python 插件

87295f790b91e3f66e35668d75739b2.png

安装flake8之后写代码的时候编辑器就会提示哪里出错,代码格式不规范也会提示
1、打开命令行

2、输入 pip install flake8

3、安装flake8成功后,打开VScode,文件->首选项->用户设置,在settings.json文件中输入”python.linting.flake8Enabled”: true

040ff8ad020443a13f58cda3c2502d4.png

二、vs code配置Python环境]

在settings.json设置如下:

e67848fc23358eb320bce8dc5e00b1f.png

三、新建 Django 项目

使用 vs code打开新建的文件,如下:

1.png

打开 vs code 的 Terminal 窗口,切换路径到项目路径下, 执行以下命令:

django-admin startproject project_name

登录后复制

2.png

继续执行以下命令:

python manage.py startapp app_name

登录后复制

3.jpg

备注:

(1)HelloWorld:项目的容器

(2)manage.py:一个实用的命令行工具,可让你以各种方式与该Django项目进行交互。

(3)HelloWorld/init.py:一个空文件,告诉Python该目录是一个Python包

(4)HelloWorld/settings.py:该Django项目的设置/配置。

(5)HelloWorld/urls.py:该Django项目的URL声明,一份由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"        }    ]}

登录后复制

五、浏览器查看效果

ade0800a06324ea0e9ed8d1e990c425.png

2e6293ec52632689bb22a4c6578daa1.png

相关文章教程推荐:https://code.visualstudio.com/

以上就是如何使用vscode创建django项目的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3241343.html

(0)
上一篇 2025年4月2日 07:14:37
下一篇 2025年3月1日 12:36:57

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • vscode如何设置使用快捷键代码自动换行

    依次点击文件 => 首选项 => 设置 搜索Editor:WordWrap,将off修改为on即可 相关文章教程推荐:vscode教程 以上就是vscode如何设置使用快捷键代码自动换行的详细内容,更多请关注【创想鸟】其它相关文…

    2025年4月2日
    100
  • vscode用不了cmd怎么解决

    有时我们在使用VSCode终端时会发现无法使用,下面我们就来看一下如何解决这种情况的方法。 鼠标右击VSCode图标,打开属性,点击兼容性,勾选以管理员身份运行此程序,应用,确定,重新打开VSCode,问题就解决了。 相关文章教程推荐:vs…

    2025年4月2日
    100
  • vscode输出框中文乱码怎么办

    右键点击我的电脑,点击属性、高级系统设置 点击环境变量 点击新建 变量名PYTHONIOENCODING,值设置为UTF8 重启vscode,结果如图所示: 相关文章教程推荐:vscode教程 以上就是vscode输出框中文乱码怎么办的详细…

    2025年4月2日 编程技术
    100
  • vscode终端窗口无法输入命令

    1、首先右键点击桌面vscode快捷方式,选择属性,打开“兼容性”标签,勾选”以管理员身份运行此程序” 2、然后重启vscode即可,结果如图: 相关文章教程推荐:vscode教程 以上就是vscode终端窗口无法输…

    2025年4月2日
    100
  • vscode怎么启动cmd终端

    使用vscode的过程中,我们可能会用到终端, 虽然系统自带有,但是还要另外打开,有点不方便,vscode中就有这个功能, 打开方法 1. 使用快捷键:“ctrl+`”即可;注意那个点是键盘上 esc 下面的那个; 或者: 2. 选择vsc…

    2025年4月2日
    100
  • 怎么修改vscode主题颜色

    1、打开vscode,出现vscode主界面 2、按下键盘组合键ctrl+k,ctrl+t,vscode上方出现可选的主题 3、当前默认主题是黑色,比较护眼。选择图示的light主题 vscode就变成light主题,比较亮,如图所示: 相…

    2025年4月2日 编程技术
    100
  • vscode怎么输入正则表达式进行匹配

    vscode输入正则表达式进行匹配的方法: 使用快捷键“Ctrl+F”调出查找框 使用正则表达式进行匹配的方法示例: 1) .  —  匹配任何字符 点符号 . 用来匹配任何字符: b.t 上面的正则匹配 “bot”…

    2025年4月2日 编程技术
    100
  • 如何使用vscode调试运行c#程序

    1、首先创建一个项目文件夹,例如:c#vscode测试 2、在vscode中打开这个文件夹:快捷键:ctrl+k + ctrl+o 3、使用快捷键ctrl+shifit+y打开控制台,进入终端 4、然后输入如下命令进行还原 dotnet n…

    2025年4月2日 编程技术
    100
  • vscode如何调用浏览器

    vscode调用浏览器的方法: 1,打开vscode编辑器,点击编辑器主界面左上侧第五个小图标——‘扩展’按钮; 2,进入扩展搜索右拉框,在应用商店搜索框中输入“view in browser”会自动进行搜索 3,等待几秒钟时间,扩展就会陆…

    2025年4月2日 编程技术
    100
  • vscode如何安装在Linuxmint系统

    1、打开官方网站 因为这里使用的LinuxMInt系统是基于Ubuntu的发行版,所以这里选择下载deb格式的安装包就可以了。 其他Linux发行版类似,选择适合自己的发行版的包文件就可以了。 下载完成后双击deb包文件就可以进行安装了,这…

    2025年4月2日 编程技术
    100

发表回复

登录后才能评论