# 建立第一個Django專案

## 重點步驟
1. 為專案建立虛擬環境 virtualenv
2. 啟用虛擬環境、安裝專案所需套件
3. 建立新Django專案
4. 啟動伺服器，讓網站在本地電腦運作

### 1. 為專案建立虛擬環境 virtualenv

一台電腦裡，可能存在多個Web專案，它們需要不同的套件來運作，套件本身有多個版本，為了不讓它們彼此干擾，所以我們要為每個專案來建立虛擬環境，讓每個專案都可以獨立運作。

- $ `cd /webapps/virtualenv`
- $ `virtualenv blogVenv`

### 2. 啟用虛擬環境、安裝專案所需套件

Windows:
- 啟動虛擬環境
- $ `blogVenv\Scripts\activate.bat`
- (blogVenv)$ `pip install django`
- 安裝完成後，輸入指令確認這個虛擬環境的django是否正確被安裝
- (blogVenv)$ `pip freeze`

:::spoiler **MacOS**
- 輸入$ `source blogVenv/bin/activate`，啟動虛擬環境`blogVenV`
- (blogVenv)$ `pip install django`
- 安裝完成後，可以再輸入指令$ `pip freeze`，確認這個虛擬環境的django是否正確被安裝
:::

### 3. 建立新Django專案

- 打開終端機，輸入以下指令
- 切換路徑到`~/webapps/workspace`
- 輸入指令 `django-admin startproject blog`

- 可以看到Django專案` blog`建立，我們進一步來看自動生成的檔案結構

blog/                  # 專案名稱
    blog/              # App名稱
        __init__.py    # 設定此目錄是一個Python Package
        asgi.py        # Python程式跟伺服器溝通的介面程式 (非同步)
        setting.py     # 專案的設定檔
        urls.py        # 專案的URK request格式設定檔
        wsgi.py        # Python程式跟伺服器溝通的介面程式
    manage.py          # 管理Django專案的程式

### 4. 啟動伺服器，讓網站在本地電腦運作

- 打開終端機，輸入以下指令
- 切換系統路徑至：`~/webapps/workspace/blog`
- 輸入指令：`python manage.py runserver`
- 開啟Chrome，在網址輸入`localhost:8000`，看到Django歡迎畫面表示成功啟動網站


###### tags: `網路程式設計`