如何使用Visual Studio Code开发Django项目

BlackFlagBin 发布于2019-07-25 12:00 / 360人阅读

摘要：如何获得访问下载并安装。安装完后需要使用命令安装模块，该模块负责隔离不同项目开发之间的模块依赖。工作区级别的设置则仅针对当前项目生效，配置文件存放在项目的文件夹中。以下步骤记录了如何建立项目的基本目录结构。

如何获得 Visual Studio Code

访问 http://code.visualstudio.com 下载并安装。

前提条件

安装Python 2.7 及 Python 3.5，Windows下可以安装至 c:python27 及 c:python35。注意环境变量PATH的设置，建议只在PATH中添加一个版本的Python路径。Python 安装完后需要使用pip命令安装virtualenv模块，该模块负责隔离不同项目开发之间的模块依赖。

在安装完后，如果是Windows操作系统，可以在%USERPROFILE%下创建pip文件夹，并在该文件夹内创建包含以下内容的pip.ini文件，该文件的作用是让pip命令通过阿里云的镜像站点安装Python模块。

[global]
index-url = http://mirrors.aliyun.com/pypi/simple/

[install]
trusted-host = mirrors.aliyun.com

如何将Visual Studio Code配置成Django项目开发环境

推荐在Windows下使用cmder作为首选命令行工具，配合最新版Git客户端使用，即可在Windows下使用linux命令的移植版本。项目文件夹可为d: epos。

通常vscode应该以文件夹的形式打开项目，可以在cmder中通过cd命令切换目录至项目文件夹，例如d: eposdemo，然后再执行 code . 打开项目。

推荐将vscode界面语言配置成英文，方式为在vscode窗口中按下 Ctrl + Shift + P，输入语言，选择配置语言，再打开的配置文件中，将locale设置为en-US

安装插件

打开 vscode，按下 Ctrl + Shift + X 打开插件管理侧边栏。依次安装下列插件

Git history
Python
Django Template
jquery Code Snippets
Bootstrap 3 Snippets

创建Django测试项目并进行配置

VS Code提供了两种范围的设置，分别是User及Workspace. 用户级别的设置可以理解为全局设置，其中的设置对任一vscode实例都生效。工作区级别的设置则仅针对当前项目生效，配置文件存放在项目的 .vscode 文件夹中。一般在项目开发中我们使用工作区级别的设置。以下步骤记录了如何建立Django项目的基本目录结构。

创建项目文件夹，例如 mkdir e: empdjango_demo，并当前目录切换到该文件夹

在项目文件夹中使用virtualenv env 创建env文件夹

创建 requirements.txt 文件，文件中添加以下内容，pylint为python的静态语法检测器，pylint-django 是适用于django项目的语法检查其插件，autopep8 是代码格式化工具

django<1.10
pylint
pylint-django
autopep8

执行 envScriptsactivate.bat 激活虚拟环境

执行 pip install -r requirements.txt 安装相关模块

执行 django-admin startproject demo . 在当前目录下创建django项目文件夹

执行 python manage.py startapp web 新建django app

执行 code . 在当前配置打开项目

在 vscode 中按下 Ctrl + Shift + P，输入 select，选择 Python: Select Workspace Interpreter，在出现的选项中将Python解析器指向env文件夹中的python

在 vscode 中按下 Ctrl + Shift + P，输入 workspace，选择 Preferences: Open Workspace Settings，配置完成后的JSON文件如下

{
    "python.pythonPath": "e:/temp/django_demo/env/scripts/python.exe",
    "python.linting.pylintPath": "pylint",
    "python.linting.pylintArgs": [
        "--load-plugins", "pylint_django"
    ],
    "python.formatting.autopep8Path": "autopep8"
}

成功配置完成后，vscode 会在状态栏中提示代码是否符合 pylint的相关规则。之后我们可以在此基础上继续项目开发。

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/38622.html

实录分享&视频 | 微软Visual Studio Code是这样支持Docker的

摘要：分享嘉宾是来自微软云计算事业部的高级软件开发工程师刘鹏。是微软开源的一款开发工具，它针对做了许多编译和命令上的支持。今天主要向大家介绍一下微软去年推出的一个，以及对的一些支持。年他加入微软，从事开发的工作。本文是数人云分布式架构的开源组件大选Meetup的实录分享。分享嘉宾是来自微软云计算事业部的高级软件开发工程师刘鹏。Visual Studio Code是微软开源的一款开发工具，它...

leoperfect 2019-06-28 17:49 评论0 收藏0
专为 Laravel 定制的 Visual Studio Code 编辑器

摘要：此扩展使用安装在已打开的工作区文件夹内的库。此扩展由开发，是一个与之间的调试适配器。它具有零依赖性，并可以极大程度地工作于任何规模的项目里。查看先前文件的拷贝或者将其与工作区版本或先前版本进行比较，查看编辑器里对活动行的更改。 showImg(https://segmentfault.com/img/remote/1460000018002818?w=1223&h=630); 嗨工匠...

Mertens 2019-07-01 11:16 评论0 收藏0
Top 10 JavaScript编辑器，你在用哪个？

摘要：在这个编辑器中，和是其中排名靠前的两个。是一个免费的轻量级编辑器和，用于和开发。对于免费的代码编辑器来说，是一个很好的选择。可以安装两个命令行实用程序，用于从启动编辑器，用于管理的软件包。对于JavaScript程序员来说，目前有很多很棒的工具可供选择。本文将会讨论10个优秀的支持javascript，HTML5和CSS开发，并且可以使用Markdown进行文档编写的文本编辑器。为什...

zombieda 2019-08-21 11:45 评论0 收藏0
Visual Studio Code 断点调试 Vue

摘要：个人还是更加习惯于断点调试。这篇文章将介绍如何配置和来完成直接在断点调试代码并且在的调试窗口看到中相同的值。现在就可以在文件的代码中打断点进行调试了。很多人习惯在 Chrome 的调试窗口中调试 Vue 代码，或者直接使用 console.log 来观察变量值，这是非常痛苦的一件事，需要同时打开至少 3 个窗体。个人还是更加习惯于断点调试。这篇文章将介绍如何配置 Visual S...

qpwoeiru96 2019-08-22 14:51 评论0 收藏0