Visual Studio Django

Python manage.py createsuperuser choose a username and create a password. To register a model in the Django site admin, go to the admin.py inside your app and write: admin.site.register. Don't forget to import your model: from.models import. After that, should be able to login in the django site admin and see your model. Django Tutorial in Visual Studio Code Django is a high-level Python framework designed for rapid, secure, and scalable web development. Django includes rich support for URL routing, page templates, and working with data. In this Django tutorial, you create a simple Django app with three pages that use a common base template. Django is a high-level Python framework designed for rapid, secure, and scalable web development. This tutorial explores the Django framework in the context of the project templates that Visual Studio provides to streamline the creation of Django-based web apps. In this tutorial, you learn how to.

Visual Studio Django Run Manage.py
Visual Studio Django
Visual Studio Django Unresolved Import

Slack Chat:https://django-vscode.slack.com/

Overview

Installation Mode

clone this repo

go to folder inside the repo
You nedd install npm first
type in terminal: npm install vsce -g
type in terminal: vsce package
now you see .vsix file, open this in 'Extensions' in Visual Studio Code

or, more simple

Go to 'Extensions' in Visual Studio Code and search 'django visual studio code'

Snippets for Django templates

Abbreviation	Tag
autoescape	`{% autoescape %} {% autoescape %}`
block	`{% block %} {% endblock %}`
comment	`{% comment %} {% endcomment %}`
csrf	`{% csrf_token %}`
cycle	`{% cycle %}`
debug	`{% debug %}`
ext	`{% extends ' %}`
extends	`{% extends ' %}`
filter	`{% filter %} {% endfilter %}`
firstof	`{% firstof %}`
for	`{% for in %} {% endfor %}`
fore	`{% for in %} {% empty %} {% endfor %}`
if	`{% if %} {% endif %}`
ifchanged	`{% ifchanged %} {% endifchanged %}`
ife	`{% if %} {% else %} {% endif %}`
ifelse	`{% if %} {% else %} {% endif %}`
ifeq	`{% ifequal %} {% endifequal %}`
ifequal	`{% ifequal %} {% endifequal %}`
ifnotequal	`{% ifnotequal %} {% endifnotequal %}`
inc	`{% include %}`
include	`{% include %}`
load	`{% load %}`
now	`{% now ' %}`
regroup	`{% regroup by as %}`
spaceless	`{% spaceless %} {% endspaceless %}`
ssi	`{% ssi %}`
static	`{% static %}`
templatetag	`{% templatetag %}`
url	`{% url %}`
verbatim	`{% verbatim %} {% endverbatim %}`
widthratio	`{% widthratio %}`
with	`{% with as %} {% endwith %}`
trans	`{% trans %}`
blocktrans	`{% blocktrans with as %} {% endblocktrans %}`

...and some non-official stuff:

Abbreviation	Tag
super	`{{ block.super }}`
extrahead	`{% block extrahead %} {% endblock extrahead %}`
extrastyle	`{% block extrastyle %} {% endblock extrastyle %}`
var	`{{ }}`
tag	`{% %}`
staticu	`{{ STATIC_URL }}`
media	`{{ MEDIA_URL }}`

Snippets for Django Form

Abbreviation	Type	Code - Description
Form	class	`Form(with TODOs)`
ModelForm	class	`ModelFom`
fbool	field	`forms.BooleanField()`
fchar	field	`forms.CharField()`
fchoice	field	`forms.ChoiceField()`
fcombo	field	`forms.ComboField()`
fdate	field	`forms.DateField()`
fdatetime	field	`forms.DateTime()`
fdecimal	field	`forms.DecimalField()`
fduration	field	`forms.DurationField()`
femail	field	`forms.EmailField()`
ffile	field	`forms.FileField()`
ffilepath	field	`forms.FilePathField()`
ffloat	field	`forms.FloatField()`
fimg	field	`forms.ImageField()`
fint	field	`forms.IntegerField()`
fip	field	`forms.IPAddressField() - deprecated since version 1.7`
fgenericip	field	`forms.GenericIPAddressField()`
fmochoice	field	`forms.ModelChoiceField()`
fmomuchoice	field	`forms.ModelMultipleChoiceField()`
fmuchoice	field	`forms.MultipleChoiceField()`
ftypedmuchoice	field	`forms.TypedMultipleChoiceField()`
fmuval	field	`forms.MultipleValueField()`
fnullbool	field	`forms.NullBooleanField()`
fregex	field	`forms.RegexField()`
fslug	field	`forms.SlugField()`
fsdatetime	field	`forms.SplitDateTime()`
ftime	field	`forms.TimeField()`
ftchoice	field	`forms.TypedChoiceField()`
ftmuchoice	field	`forms.TypedMultipleChoiceField()`
furl	field	`forms.URLField()`
fuuid	field	`forms.UUIDField()`
fsimplearray	field	`SimpleArrayField() - PostgreSQL specific form field`
fsplitarray	field	`SplitArrayField() - PostgreSQL specific form field`
fhstore	field	`HStoreField() - PostgreSQL specific form field`
fjson	field	`JSONField() - PostgreSQL specific form field`
fintrange	field	`IntegerRangeField() - PostgreSQL specific form field`
ffloatrange	field	`FloatRangeField() - PostgreSQL specific form field`
fdatetimerange	field	`DateTimeRangeField() - PostgreSQL specific form field`
fdaterange	field	`DateRangeField() - PostgreSQL specific form field`
ffi	import	`from .forms import <local_forms>`
iforms	import	`from django import forms`
ipostgresff	import	`from django.contrib.postgres.forms import <PostgresSQL_forms>`
clean_data	method	`validate form data`

Snippets for Django model fields

Abbreviation	Tag
mauto	`models.AutoField()`
mbigint	`models.BigIntegerField()`
mbool	`models.BooleanField()`
mchar	`models.CharField()`
mcoseint	`models.CommaSeparatedIntegerField()`
mdate	`models.DateField()`
mdatetime	`models.DateTimeField()`
mdecimal	`models.DecimalField()`
mduration	`models.DurationField()`
memail	`models.EmailField()`
mfile	`models.FileField()`
mfilepath	`models.FilePathField()`
mfloat	`models.FloatField()`
mimg	`models.ImageField()`
mint	`models.IntegerField()`
mip	`models.IPAddressField()`
mnullbool	`models.NullBooleanField()`
mphone	`models.PhoneNumberField()`
mposint	`models.PositiveIntegerField()`
mpossmallint	`models.PositiveSmallIntegerField()`
mslug	`models.SlugField()`
msmallint	`models.SmallIntegerFiled()`
mtext	`models.TextField()`
mtime	`models.TimeField()`
murl	`models.URLField()`
musstate	`models.USStateField()`
mxml	`models.XMLField()`
fk	`models.ForeignKey()`
m2m	`models.ManyToManyField()`
o2o	`models.OneToOneField()`

Snippets for Django Rest Framework

Abbreviation	Tag
mserializer	`Class for Serialize a Model`
mviewset	`Class for Model ViewSet`
ronlymviewset	`Class for ViewSets ReadOnly`

Snippets for Django Models

Abbreviation	Tag
Model	`Simple Model Class`
Meta	`Meta Class Django`

We work hard to add more features for this Extensions, this extension will be updated

Visual Studio the text editor is known as Visual Studio Code is Microsoft’s free text editor that runs on Windows, Linux, and macOS. It’s a recent entrant to the market; Microsoft released the product as a public preview at the end of 2015, posting the open source code to Github, before making it available as a general release in April 2016.

Despite its newbie status, Visual Studio Code has rapidly gained popularity among developers. Some may argue that it is not a real IDE, but merely an advanced text editor. But in my opinion, after installing a number of extensions, it becomes almost a full-fledged IDE with very rich functionality.

Additionally, despite being an Electron-based application, it is quite lightweight and responsive (in contrast to for example Atom, which is very slow and resource intensive).

This tutorial will go through Installation and setup of the VS code for Python and Django projects on your machine.

Installing Visual Studio Code

Visual Studio Code is a free text editor so to download it you just have to visit their official site and download the file depending on your operating system. So visit Vscode’s-website and download the latest stable build for your OS and once the download is finished install the editor and launch the app.

The best thing about VScode is that it comes with a built-in terminal which comes handy for Django projects press Ctrl+Shift+` to invoke the terminal.

Note that in windows powershell may seem weird for new users it is recommended to use Python debug console or CMD.

Configuring Python

To enjoy Pythonic features such as Linting, Debugging (multi-threaded, remote), Intellisense, code formatting, refactoring, unit tests, snippets, and more you need to install Python extension for Vscode.

To install an extension press Ctrl+Shift+x or click the extension icon.

Now search for Python and install the one published by Microsoft.

Adding Extension For Django

Search for Djaneiro this extension provides a collection of snippets for Django templates, models, views, fields & forms ported from Djaneiro for SublimeText.

Selecting Python Environment

Press CTRL+SHIFT+P(CMD+SHIFT+P for MacOS) and type Python: Select Interpreter and select the environment for your project. You can see the active environment at the bottom left of the editor.

Installing Theme

The default Vscode theme is great in itself however there are plenty for fabulous free themes available for download.

My favorite one is Night Owl+ so let’s install night owl+ theme from extensions.

To explore more Vscode themes visit https://vscodethemes.com/

To change the theme go to, file>Preference> color theme

And select the theme that you prefer.

Notice below the color theme there is an option for the file icontheme.

Visual Studio Django Run Manage.py

Download Material Icon Theme from extensions store and click on that and select the icon theme this will give different file icons for different files.

After that restart VS code to activate the extensions. Now open any of your Django project you should get this beautiful view.

Your font might look different I am using Fira code font here.

Configuring Additional Useful Settings

Go to file> preferece> settings then open settings.json from there.

In USER SETTINGS inside the curly braces { } add the following Settings.

Visual Studio Django

To use the above features, the editor will prompt you to install pylint and autopep8, or you can install them directly in the virtual environment.

Some useful VScode extensions:

Visual Studio Django Unresolved Import

Code Spell Checker
Django
Git History