2
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

macでVS CodeとDjangoを使って「Hello Django!」を表示させてみた

Posted at

はじめに

Pythonを勉強するためにWebアプリを作ろうと思い立ちました。
その際の作成方法を残しておきます。
補足:作成途中で、VS CodeのDjangoチュートリアルを見つけたので、途中からそのチュートリアルに沿った形になっています。

作った環境

  • MacBook Air(mac OS Mojave)
  • VS Code 1.29.1(インストール済み)
  • Python 3.7.3(インストール済み)

作成手順

環境準備

  1. Djangoをインストールします。
    pipenvが入っていなければ先にinstallしておきます。
    brew install pipenv
    pipenv install django

  2. 次に、適当なプロジェクトを作り、そのフォルダ内でPythonの仮想環境を作成します。
    python3 -m venv env

  3. ここまで来たら、一旦VS Codeを立ち上げます。
    フォルダーオープンにて、先ほど作った適当なプロジェクトのフォルダを開きます。

  4. ⇧⌘P(shift + メタ + P)を押して、"Python Select Interpreter"を選択します。
    その後、先ほど作ったPythonの仮想環境を選びます。
    (./envもしくは.\envで始まる環境です)

  5. VS Codeの左下が、作成した仮想環境となっていることを確認します。
    (私の環境だとPython 3.7.3 64bit ('env': venv)となっていました)

  6. ターミナル上で、作成した仮想環境をアクティベートします。
    source env/bin/activate

Webプロジェクト作成

  1. VS Code上でDjango Projectを作成します。
    django-admin startproject web_project .
    補足:django-adminがcommand not foundとなる場合があります。
    その場合、以下コマンドを実行してsite-packagesがある場所を探してください。
    python -m site
    そのフォルダ内(site-packages/django/bin/)にdjango-admin.pyがあります。

  2. VS Codeのターミナル上で、2で作成したフォルダ内に移動し、以下コマンドを実行します。
    python manage.py runserver

  3. ブラウザ上で「http: //127.0.0.1:8000/」にアクセスします。
    ロケットで飛んでいく画面が表示されます。

Hello, Django!を表示

  1. helloフォルダ以下のviews.pyを以下コードに修正します。
from django.http import HttpResponse

def home(request):
    return HttpResponse("Hello, Django!")
  1. helloフォルダにurls.pyを作成し、以下コードを記載します。
from django.urls import path
from hello import views

urlpatterns = [
    path("", views.home, name="home"),
]
  1. web_projectフォルダのurls.pyを以下のように修正します。
from django.contrlib import admin
from django.urls import include, path

urlpatterns = [
    path("", include("hello.urls")),
]
  1. VS Code上で以下コマンドを実行し、ブラウザ上で「http: //127.0.0.1:8000/」にアクセスします。

「Hello, Django!」が表示されます。
python manage.py runserver

参照

[https://code.visualstudio.com/docs/python/tutorial-django:title]

2
5
5

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?