使用Django和React学习编程基础（2）：搭建开发环境（Django/VS Code）

3 年 ago
逸, 科
2 minutes
在Django+React中学习编程基础 (1)：目标和概述

首先

首先从搭建开发环境开始。
首先安装VS Code和Django。

开发环境信息

    • Windows 10

 

    • Python 3.10

 

    • Django 4.0

 

    • VS Code(Visual Studio Code) 1.67

ソースコードエディタ
機能

デバッグ
埋め込みGitコントロール
シンタックスハイライト
インテリジェントなコード補完
スニペット表示
コードリファクタリングをサポート

安装VS Code

image.png

安装Python

https://www.python.org/から最新版をインストール
バージョンを確認

> python -V
Python 3.10.4

安装Pipenv

    • pipとは

Pythonで書かれたパッケージソフトウェアを、インストール/管理するためのパッケージ管理システム
Pythonパッケージは、通常Python Package Index(PyPI)に公開される

pipenvとは

Pythonのプロジェクト管理ツール
ライブラリのバージョンをPipfileに記録
Pipfileに合わせ、プロジェクト用の仮想環境を自動作成可能
Pipfileは、requirements.txtからインポート/エクスポートできる

pipenvをインストール

> pip install pipenv

将路径添加到用户环境变量Path。

image.png
C:\Users\user\AppData\Local\Packages\PythonSoftwareFoundation.Python.3.10\LocalCache\local-packages\Python310\Scripts
image.png

创建虚拟环境

    • 仮想環境とは

Pythonを使った開発やテストでは、用途に応じて専用の実行環境を作成し、切り替えて使用
仮想環境とは、このように一時的に作成する実行環境のこと

仮想環境作成

> md C:\kanban\venv
> cd C:\kanban\venv
> pipenv --python 3.10
Creating a virtualenv for this project...
Pipfile: C:\kanban\venv\Pipfile
... ...
Successfully created virtual environment!
Virtualenv location: C:\kanban\venv\.venv
Creating a Pipfile for this project...
    仮想環境をアクティベート
C:\kanban\venv>.venv\Scripts\activate
(venv) C:\kanban\venv>

将Django安装在创建的虚拟环境中。

    pipを最新化
(venv)  C:\kanban\venv>pip install --upgrade pip
    Djangoをインストール
(venv)  C:\kanban\venv>pip install django

Collecting django
... ...
Installing collected packages: tzdata, sqlparse, asgiref, django
Successfully installed asgiref-3.5.2 django-4.0.5 sqlparse-0.4.2 tzdata-2022.1

创建一个Django项目

    下記コマンドでプロジェクト作成
(venv)  C:\kanban\venv>django-admin startproject kanban

启动项目的服务器

(venv)  C:\kanban\venv>cd kanban
(venv)  C:\kanban\venv\kanban>python manage.py runserver

Watching for file changes with StatReloader
Performing system checks...

Django version 4.0.5, using settings 'kanban.settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CTRL-BREAK.
image.png

我成功地安装并运行了Django。

最后

我們在開發環境構築的過程中，在Windows環境中安裝了Django和VS Code。下次將繼續。敬請期待。

下一回将学习Django+React编程基础(3)：开发环境搭建(React)。
bannerAds