如何使用Visual Studio Code开发Django项目
如何获得 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:repos。
通常vscode应该以文件夹的形式打开项目,可以在cmder中通过cd命令切换目录至项目文件夹,例如d:reposdemo,然后再执行 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:tempdjango_demo,并当前目录切换到该文件夹
- 在项目文件夹中使用virtualenv env 创建env文件夹
- 创建 requirements.txt 文件,文件中添加以下内容,pylint为python的静态语法检测器,pylint-django 是适用于django项目的语法检查其插件,autopep8 是代码格式化工具
django<1.10
pylint
pylint-django
autopep8
- 执行 env\Scripts\activate.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

7. 在 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的相关规则。之后我们可以在此基础上继续项目开发。

如何使用Visual Studio Code开发Django项目的更多相关文章
- Python_教程_使用Visual Studio Code开发Django项目
如何获得 Visual Studio Code 访问 http://code.visualstudio.com 下载并安装. 前提条件 安装Python 2.7 及 Python 3.5,Window ...
- 打造TypeScript的Visual Studio Code开发环境
打造TypeScript的Visual Studio Code开发环境 本文转自:https://zhuanlan.zhihu.com/p/21611724 作者: 2gua TypeScript是由 ...
- Mac上使用Visual Studio Code开发/调试.NET Core代码
Mac上使用Visual Studio Code开发/调试.NET Core代码 .Net Core 1.0终于发布了,Core的一大卖点就是跨平台.这个跨平台不只是跨平台运行,而且可以跨平台开发.今 ...
- 【实验手册】使用Visual Studio Code 开发.NET Core应用程序
.NET Core with Visual Studio Code 目录 概述... 2 先决条件... 2 练习1: 安装和配置.NET Core以及Visual Studio Code 扩展... ...
- 使用Visual Studio Code开发.NET Core看这篇就够了
作者:依乐祝 原文地址:https://www.cnblogs.com/yilezhu/p/9926078.html 在本文中,我将带着大家一步一步的通过图文的形式来演示如何在Visual Studi ...
- 使用Visual Studio Code开发Arduino
首发于MSPrecious成长荟 https://zhuanlan.zhihu.com/p/30868224 使用Visual Studio Code开发Arduino 1.下载安装 VS Code ...
- 初识Visual Studio Code 一.使用Visual Studio Code 开发C# 控制台程序
原文:初识Visual Studio Code 一.使用Visual Studio Code 开发C# 控制台程序 1. 安装.NET Core 安装包下载地址:https://www.microso ...
- 使用Visual Studio Code 开发 ESP8266
使用Visual Studio Code 开发 ESP8266 ESP8266+ArduinoIDE+VSCode开发ESP8266. 首先说明一下ESP8266并不是某一WiFi模块的名字(我以前是 ...
- [Tool] 使用Visual Studio Code开发TypeScript
[Tool] 使用Visual Studio Code开发TypeScript 注意 依照本篇操作步骤实作,就可以在「Windows」.「OS X」操作系统上,使用Visual Studio Code ...
随机推荐
- javascript 飞机大战完整代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 局域网主机A向主机B发送ip数据报的过程
主机A首先查找其ARP高速缓存内的映射表中是否有主机B的IP地址,如果有,则查找出其对应的硬件地址,并将该硬件地址写入MAC帧,通过局域网将该MAC帧发送给主机B.如果ARP高速缓存内没有主机B的IP ...
- 免费的DDos网络测试工具集合
今天晚上看YT上的hulk VS monster Dogs 然后想看电影资源,给我推送了hulk这款工具了解下,发现了一些东西,收藏下 1.卢瓦(LOIC) (Low Orbit Ion Canon) ...
- C++进程间通信的十一种方法
转载: https://www.cnblogs.com/swunield/articles/3893250.html 进程通常被定义为一个正在运行的程序的实例,它由两个部分组成: 一个是操作系统用来管 ...
- 2018上C语言程序设计(初级)作业- 第2次作业
一.预习作业 在课前或者课后观看浙江大学程序设计入门-C语言课程中第2周.第3周的判断部分和第4周的判断部分. 二.PTA作业 完成第7周.第8周和第9周和第10周共8次pta作业,将PTA作业中部分 ...
- 《Spring实战》读书笔记——如何实现自动化装配
加我微信公众号,一起夯实Java基础,向着诗和远方出发吧~ 如果所有的装配工作都交给Spring来自动完成,减少人工的干预,是不是就能减少依赖关系配置带来的麻烦呢?认真做自己的事儿吧,装配交给Spri ...
- SQL练习题-50道SQL练习题及答案与详细分析
网上流传较广的50道SQL训练,奋斗了不知道多久终于写完了.前18道题的难度依次递增,从19题开始的后半部分算是循环练习和额外function的附加练习,难度恢复到普通状态.第9题非常难,我反正没有写 ...
- react native 键盘弹起时必须点击两次才能成功
在scrollview或者flatlist上设置一个参数,即可解决 keyboardShouldPersistTaps="handled"
- aufac在mvc中多线程
注册的时候 将容器放到静态变量中 xxx.IocContainer = builder.Build(); var resolver = new AutofacDepende ...
- vue 图片加载失败调用
<img :src="bak" @error="imgLoadError()" alt="bak"> data(){ retur ...