iis服务器助手广告广告
返回顶部
首页 > 资讯 > 后端开发 > Python >Django 使用VScode 创建工程的详细步骤
  • 667
分享到

Django 使用VScode 创建工程的详细步骤

2024-04-02 19:04:59 667人浏览 独家记忆

Python 官方文档:入门教程 => 点击学习

摘要

目录一、vscode 创建Django 工程二、DjanGo Template html 代码提示三、安装插件四、启动项目报错一、VSCode 创建Django 工程 VSCode

一、VSCode 创建Django 工程

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

1 mysite(项目名),创建Django 项目,可以和虚拟环境放在同一目录,也可以放在虚拟环境的文件夹里。

django-admin startproject mysite

2 新建文件夹-->搭建虚拟环境,新建一个项目文件夹 mysite,在当前文件夹cmd输入指令 env(虚拟环境名称),创建虚拟环境

python -m venv env

3找到文件夹--->选择解释器,打开VS Code 点击 File--->Open Folder 选择项目选在的文件夹 mysite

导入文件夹之后,Ctrl+Shift+P 选择Python 的解释器,选择含有虚拟环境的那一个。

Ctrl+Shift+` 可以直接进入含虚拟环境的终端,也可以直接 Ctrl+`,不过这样需要切换到虚拟环境所在目录,使用activate指令激活虚拟环境。(可省略)

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

4 在新创建的虚拟环境中,没有Django 框架,需要 安装Django ---> 创建Django 项目 ---> 启动在激活虚拟环境的 VSCode 终端(安装指定版本的 Django,不带版本号默认安装最新版本)。

pip install django

说明 pip 版本太低,直接按照提示的命令升级即可 (可省略)

python -m pip install --upgrade pip

查看django版本

pip show django

命令启动项目

python manage.py runserver

自带的启动项目

二、Django Template HTML 代码提示

直接修改“设置”中的相关选项Django 插件安装后为恢复 html 原有语法提示并保留 django-html 语法提示

需要再VSCode 中设置相应的属性,VSCode 打开设置,上方搜索框中输入 file association

对文件关联属性进行相应的配置。

1 在 Files:Associations 下方的添加项中添加项

Item                      Value
**templates*.html    django-html

2 把Emmet 语法缩写提示加上

Item        Value
django-html html

通过上述两步之后,就可以在Django 模板文件中编写html 文件的时候

既可以有html 语法提示,也可以有 django-html 语法提示。

3 在VScode 工作区的 mysite/.vscode/settings.JSON 文件里添加如下内容

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

4 打开 html文件,右下角 Django HTML ---> Select Language Mode

5 新建html 文件,输入感叹号,回车即可

三、安装插件

1 安装Python 环境

2 安装Django 插件

四、启动项目报错

Timed out waiting for lanuncher to connect:电脑性能问题,解决不使用它的

使用咱自己的终端启动项目,一样好使。

到此这篇关于Django 使用VScode 创建工程的文章就介绍到这了,更多相关Django VScode 创建工程内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: Django 使用VScode 创建工程的详细步骤

本文链接: https://www.lsjlt.com/news/120608.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Django 使用VScode 创建工程的详细步骤
    目录一、VSCode 创建Django 工程二、Django Template HTML 代码提示三、安装插件四、启动项目报错一、VSCode 创建Django 工程 VSCode ...
    99+
    2024-04-02
  • VSCode使用npm的详细步骤
    目录1.打开cmd 输入指令 npm -v 查看npm是否安装,需要先安装node.js2.打开vscode 在工作区创建一个项目,右键打开 “在集成终端中打开&rdqu...
    99+
    2024-04-02
  • 使用vscode搭建javaweb项目的详细步骤
    目录工具准备创建web项目运行项目总结工具准备 jdk, maven, tomcat9, vscode; 上述软件的安装配置在百度就能找到很多教程, 所以此处不详述. (jdk使用1...
    99+
    2022-11-13
    vscode开发javaweb项目 vscode怎么创建javaweb工程 vscode配置javaweb环境
  • php创建使用(详细步骤)(1)
    第一步:(创建网站)别忘了启动!!  第二步:确认之后点击管理打开根目录 第三步:在你的根目录下创建一个文件名必须为index.php的文件,在vs code打开   第四步 :打开你的C盘找到Windows下的……的hosts 第五...
    99+
    2023-09-13
    php
  • LVM创建的详细步骤
    LVM创建步骤...
    99+
    2023-06-05
  • VScode搭建OpenCV环境的详细步骤
    目录安装MinGW-w64安装CMake生成MakeFiles编译OpencvVScode配置  用vscode来写opencv代码需要自己编译OpenCV,主要用到MinGW-w6...
    99+
    2024-04-02
  • 用vscode开发python的详细步骤
    本篇内容主要讲解“用vscode开发python的详细步骤”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“用vscode开发python的详细步骤”吧!安装python,去官网下载https://...
    99+
    2023-06-20
  • Vue UI创建项目详细步骤
    1.首先要安装最新的Vue CLI 在命令行工具里输入一下命令 npm install -g @vue/cli 或者 yarn global add @vue/cli 安装成功后,可...
    99+
    2024-04-02
  • VSCode创建Vue项目的完整步骤教程
    目录一、配置环境1.安装VS Code2.安装node.js3.安装配置脚手架vue-cli二、创建vue项目1.命令方式创建2.重新初始化依赖3.启动项目补充:在VScode中如何...
    99+
    2024-04-02
  • Oracle创建只读账号的详细步骤
    目录需求说明第一步:创建只读账号第二步:赋予账号连接数据库等基本权限第三步:获取原账号的查询权限第四步:将原账号权限赋值为新账号第五步:在新账号端创建同位显示表第六步:查询结果在新账...
    99+
    2024-04-02
  • VSCode 搭建 x264 源码调试环境的详细步骤
    目录1.下载 x2642. 使用上一节介绍的方法为 x264 生成支持 debug 的 x264.exe3. 在 VSCode 中打开 x264 源码文件夹4. 创建并配置 laun...
    99+
    2022-11-13
    VSCode源码调试 VSCode  x264 源码调试
  • vite的搭建与使用的详细步骤
    目录1.安装:2.在vite项目中使用TypeScript3.vite项目使用less sass scss 4.vite打包5.下面就来创建一个标准的项目实际开发中编写的代...
    99+
    2024-04-02
  • python在windows下搭建开发环境vscode的详细步骤
    本篇内容主要讲解“python在windows下搭建开发环境vscode的详细步骤”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“python在windows下搭建开发环境vscode的详细步骤”...
    99+
    2023-06-20
  • 总结Gitee上创建仓库的详细步骤
    如果您想在Gitee上托管您的项目或代码,需要先创建一个仓库。以下是在Gitee上创建仓库的详细步骤。第一步:登录您的Gitee账户在浏览器中打开Gitee的官方网站,并使用您的账户名和密码登录。第二步:进入仓库页面登录成功后,您会看到Gi...
    99+
    2023-10-22
  • TypeScript环境搭建并且部署到VSCode的详细步骤
    目录TypeScript环境搭建第一步:下载淘宝镜像第二步:下载TypeScript部署到VSCode先创建一个文件夹tsDemo,修改tsconfig.json配置可能会遇到的报错...
    99+
    2024-04-02
  • CentOS中创建和删除Bond详细步骤
    一、创建Bond 1、查看网卡信息 [root@localhost ~]# ip a[root@localhost ~]# nmcli connection showens6f0 0e3be75a...
    99+
    2023-10-02
    centos linux 运维 服务器 网络
  • IDEA快速创建maven项目详细步骤
    目录 前言必读: 1.Maven和Maven Archetype区别? 2.创建maven项目之前的步骤(必看) 一、创建maven 1.打开idea--->文件--->新建--->项目 2.新建项目--->自定义项目名称--->选择Mav...
    99+
    2023-10-18
    intellij-idea maven java 配置maven 依赖管理
  • vue-cli创建vue项目的详细步骤记录
    目录什么是Vue脚手架vue-cli创建vue项目总结什么是Vue脚手架 Vue脚手架,也就是vue cli。如果我们平时只是写一些简单的页面的时候,只需要下载vue.js就行了。但...
    99+
    2024-04-02
  • 使用sts工具、SpringBoot整合mybatis的详细步骤
    目录一、1、SpringBoot 集成 Mybatis 的基本步骤二、详细的集成步骤如下:1.第一步:添加依赖;2.第二步:配置数据源;3.第三步:扫描接口包。1、添加依赖第二步,配...
    99+
    2024-04-02
  • idea中创建jsp项目的详细实战步骤
    安装条件:idea软件、tomcat10、jdk11 1、打开idea,在file ->new ->project中新建一个普通的java项目 2、在项目名右键Add...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作