如何使用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
- 执行 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
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的相关规则。之后我们可以在此基础上继续项目开发。
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- android原生JSON解析实例
- iOS新闻类App内容页技术探索
- Android仿iphone自定义滚动选择器
- Android仿iPhone日期时间选择器详解
- Android 仿余额宝数字跳动动画效果完整代码
- Android中判断listview是否滑动到顶部和底部的实现方法
- Android开发实现的简单媒体播放器功能示例
- Android中的颜色表示的详解
- android使用SoundPool播放音效的方法
- android中Context深入详解
- Android中Notification通知用法详解
- Android build文件的删除的方法
- Android自定义Notification添加点击事件
- 深入理解Android Bitmap
- Android基于AlarmManager实现用户在线心跳功能示例