VSCode、ジャンゴ、およびアナコンダ統合開発環境の設定[Windowsの]

　　以前は常に仮想ボックスUbuntuの開発マシンで実行されます頻繁にクラッシュを上に移動するUbuntuでPythonとDjangoの開発、最近変更されたコンピュータ、下で行われている、単純にメインマシンに移動Windows環境を構築しようとします。

私が言っている、多様なパッケージの面で数年間、過去の巨大なハード家は本当に世界の最前線にあります。特にVSCodeでは、2年前には、Linuxの下で私のメインのIDEとなっています。だから、Googleが直接このクールの記事へ：DjangoのチュートリアルVisual Studioのコードでは、次のようにこの公式ガイドを翻訳するために、アナコンダの開発環境を統合します。

0x1の - インストールチェックリスト

- Win10

- Anaconda3

- Vistual Studioのコード（VSCode）

ダウンロードは別途と良い三の以上のアーティファクトに従って、選挙は、最新の安定版です。

0x2の - アナコンダが管理し、構成し、Pythonの開発環境

オープンアナコンダプロンプトターミナルのコマンドラインツール（ないアナコンダナビゲーター）、最初のピップとvirtualenvの組み合わせに似condaの下で練習に。

condaと仮想Pythonの開発環境を作成し、注意を払うには、環境（ここではmy_env）の名前の後にPythonのバージョンを追加します。

condaは-n wechat_envのpython = 3.7を作成します

環境を削除します

conda削除-n wechat_env --all

仮想環境の一覧を表示し、仮想環境*現在の作業場所を表します。

（ベース）C：\ Users \ユーザーfreman.zhang> conda ENVリスト
＃1 conda環境：
＃の
ベース* C：\ Anaconda3 
wechat_env C：\ Anaconda3 \ ENVS \ wechat_env

アクティベーションおよびスイッチング環境：

（ベース）C：\ Users \ユーザーfreman.zhang> condaアクティブwechat_env 
（wechat_env）C：\ Users \ユーザーfreman.zhang > conda ENVリスト
 ＃1 conda環境：
＃の
ベースC：\ Anaconda3 
wechat_env             *   C：\ Anaconda3 \ ENVS \ wechat_env
（wechat_env）C：\ユーザー\ freman.zhang> conda無効
（ベース）C：\ユーザー\ freman.zhang>

必要に応じて、Djangoの開発環境をインストールするには、バージョン番号を指定することができます。

condaジャンゴインストール
インストールcondaジャンゴ== 2.2.5

このようなcondaが自動的にダウンロードし、特定の開発環境にはPythonとDjangoをインストールします、もはや必要はOSに個別にプリインストールしたりします。

C への詳細な管理コマンド恩田公式文書理解詳しく説明。

0x3の - VSCodeに統合開発環境を設定します

シニアのPythonフレームワークDjangoは設計された、安全、迅速かつスケーラブルなWeb開発です。DjangoはURLルーティング、ページテンプレートとデータ処理のためのサポートの富を提供します。

次のチュートリアルでは、シンプルな3ページのアプリケーションを作成します、と共通のベーステンプレートを使用します。この開発プロセスを完全に行くでVSCodeことで、私たちはより良い、効率的で便利なDjangoアプリケーションの開発を行うためになど、VSCodeコマンド端子、エディタやデバッガを使用する方法を理解することができるようになります。

：Githubの全体サンプルプロジェクトの完全なコードのPython-ジャンゴ・サンプル・VSCode -チュートリアル。

条件を準備1.

- PythonのプラグインをインストールしVScode

- ダウンロードしてインストールのpythonは、特別な注意は、WindowsのPATH環境変数を設定する必要があります

私たちのインストールキットや開発環境が前面にcondaによって完成されている、それは非常に明確にコントラストの後にパッケージ管理における利便アナコンダを反映することができます。

VSCodeへの仮想開発環境の統合2

VSCodeプレスでキーの組み合わせはCtrl + Shift + P、パイソンを入力して、最初の選択のPython：選択インタプリタを、このコマンドは、利用可能なすべてのVSCodeのPythonインタプリタのリストを示します。

私たちは、このリストからconda新しい開発環境でトップを選択する-と./env や .\env开头

プレス統合されたコマンドの新しいターミナルを開くためのキーの組み合わせはCtrl + Shiftキー+ `、VSCodeは、あなたが現在の開発環境を識別するために見ることができるポイントのステータスバー

0x4の - VSCodeでDjangoプロジェクトを作成します。

1. 按组合键Ctrl+Shift+`进入开发终端，相关解释器和虚拟开发环境将会自动被激活。然后执行如下命令，如果没有任何报错，用浏览器打开http://127.0.0.1:8000，我们将会看到Django的默认欢迎页。

django-admin startproject web_project C:\web_project
cd C:\web_project

python manage.py startapp hello
python manage.py runserver

2. 接下来是Django应用的基础构建

hello/views.py

from django.http import HttpResponse

def home(request):
    return HttpResponse("Hello, Django!")

hello/urls.py

from django.urls import path
from hello import views

urlpatterns = [
    path("", views.home, name="home"),
]

web_project/urls.py

from django.contrib import admin
from django.urls import include, path

urlpatterns = [
    path("", include("hello.urls")),
]

3. 保存所有文件，然后启动服务 python manage.py runserver，用浏览器访问应用网址 http://127.0.0.1:8000，将会看到如下：

0x5 - VSCode中创建Django debugger launch profile开启自动调试

到这里你可能已经在想，是否有更好的方式来调试和运行应用服务，而非每次执行一次python manage.py runserver 呢？必须有的！

VSCode的debugger是支持Django的，我们通过自定义 launch profile就可以实现这一点。

1. 切换左边的活动栏到Debug, 在Debug视图的顶部，我们可以看到如下。No Configuratins表示Debugger还未配置任何运行设定(launch.json)。

2. 点击齿轮创建并开启一个launch.json文件，这个文件里面已经包含了一些调试设定，每种都是以独立的JSON对象存在。我们添加如下：

{
    "name": "Python: Django",
    "type": "python",
    "request": "launch",
    "program": "${workspaceFolder}/manage.py",
    "console": "integratedTerminal",
    "args": [
        "runserver",
        "--noreload"
    ],
    "django": true
},

其中"django": true告诉VSCode开启Django页面模板调试功能。

3. 点击Debug > Start Debugging按钮，浏览器中打开URL http://127.0.0.1:8000/将可以看到我们的APP顺利的跑起来了。

其实任何时候感觉想要调试一下应用效果时，我们都可以用Debug来启动服务，此外这个操作还会自动保存所有打开着的文件。

这样就不用每次都到命令行敲一遍启动命令，倍爽有木有！！！

4. Debug不仅仅只有启动和保存功能，我们下面通过具体案例来体验下高级用法。

　　先码代码

hello/urls.py：添加访问路由到urlpatterns list中

path("hello/<name>", views.hello_there, name="hello_there"),

hello/views.py

import re
from datetime import datetime
from django.http import HttpResponse

def home(request):
    return HttpResponse("Hello, Django!")

def hello_there(request, name):
    now = datetime.now()
    formatted_now = now.strftime("%A, %d %B, %Y at %X")

    # Filter the name argument to letters only using regular expressions. URL arguments
    # can contain arbitrary text, so we restrict to safe characters only.
    match_object = re.match("[a-zA-Z]+", name)

    if match_object:
        clean_name = match_object.group(0)
    else:
        clean_name = "Friend"

    content = "Hello there, " + clean_name + "! It's " + formatted_now
    return HttpResponse(content)

5. 在Debug中设定断点（breakpoints）于now = datetime.now() 所在行。

6. 按F5或Debug > Start Debugging 开启调试，VSCode顶部将会出现一个如下的Debug工具栏。

Pause (or Continue, F5), Step Over (F10), Step Into (F11), Step Out (Shift+F11), Restart (Ctrl+Shift+F5), and Stop (Shift+F5). See VS Code debugging for a description of each command.

7. 在下面的终端中也会出现相关的控制信息。通过浏览器打开URL http://127.0.0.1:8000/hello/VSCode，在页面渲染完成前，VSCode会暂停在设定的断点处。黄色小箭头代表其是即将执行到的下一行。

点击 Step Over(F10) 执行 now = datetime.now()所在行。

在左边Debug菜单栏我们将会看到很多实时输入信息，包含运行时的变量值等等。我们可以在这里检查各个赋值或相关信息是否符合设计目标。

程序暂停在断点位置时，我们可以回到代码中更改相关语句，调试器中的相关输入信息也会实时做状态更新。我们可以尝试将formatted_now的赋值做如下更改，用来直观地比较查看下调试器状态更新。

now.strftime("%a, %d %B, %Y at %X")
'Fri, 07 September, 2018 at 07:46:32'
now.strftime("%a, %d %b, %Y at %X")
'Fri, 07 Sep, 2018 at 07:46:32'
now.strftime("%a, %d %b, %y at %X")
'Fri, 07 Sep, 18 at 07:46:32'

我们可以按F5逐行执行接下来的语句，并观察调试器输出信息，直到最终应用页面完全渲染完成，点选Debug > Stop Debugging 或 command (Shift+F5)关闭调试。

0x5 - Go to Definition

VSCode也支持查看函数和类的定义查看：

Go to Definition jumps from your code into the code that defines an object. For example, in views.py, right-click on HttpResponse in the home function and select Go to Definition (or use F12), which navigates to the class definition in the Django library.
Peek Definition (Alt+F12, also on the right-click context menu), is similar, but displays the class definition directly in the editor (making space in the editor window to avoid obscuring any code). Press Escape to close the Peek window or use the x in the upper right corner.

0x6 - Template, Static, Models编程

接下来可以在模板，静态文件和数据处理的功能编程实现上实践上面介绍的这些功能，练习整个集成开发环境的操作熟练度。

其实如果有一定基础的话，我相信一天你就将会从入门到精通。

详细的代码个实现步骤在这里就不在继续往下贴了。详细教程大家可按这个链接中的内容参照实现。

https://code.visualstudio.com/docs/python/tutorial-django#_create-multiple-templates-that-extend-a-base-template

0x7 - 问题分享

整个过程中只有遇到的问题：

1. VSCode无法原生支持Django Models相关对象的关联检查。

我们需要额外做点工作：

ctrl+shift+`(ESC下面那个键)打开命令终端，不用手工敲任何命令，终端会自动切换和激活到对应的虚拟开发环境。

安装pylint-django

然后进入VSCode setting里面设定pylint参数，具体如下：

就这样，问题解决！

==========================================================

由于还有繁重的日常工作要忙，这篇文章历时了几天时间断断续续整理出来，也精简了不少官方指导中的文字描述。可能会对各位阅读和操作来带一些困扰，所以还是建议各位直接去读官方文档。我们这里主要是集中整理了下Anaconda和VSCode的集成开发环境配置，以备未来不时之需，若能顺便帮到任何人，将倍感欣慰。各位若有任何问题，欢迎提出，我将会汇整日后自己或其他来源收集到的问题陆续补充到0x7。

最后，希望大家能多多动手

多多敲代码

多多点赞

多多分享

回家遛女儿去咯

Over~~

VSCode、ジャンゴ、およびアナコンダ統合開発環境の設定[Windowsの]

おすすめ