1.2 Flask的安裝與配置

本節將介紹如何部署Flask的開發環境。本書使用的所有軟件及對應版本如表1-2-1所示。

表1-2-1　軟件及對應版本

1.2.1 安裝Chrome瀏覽器

Chrome是一款設計簡單的Web瀏覽工具，是目前最流行的瀏覽器之一。如今市面上大部分瀏覽器都是基于Chrome內核開發的，Chrome瀏覽器兼容性相對較優，非常適合作為開發環境。

讀者可以到Chrome瀏覽器的官網下載Chrome瀏覽器，如圖1-2-1所示。

圖1-2-1　Chrome瀏覽器官網

1.2.2 安裝Python環境

Flask要運行在Python環境中，因此需要安裝Python。讀者可以在Python的官網中找到下載地址。由于大家在學習過程中使用的大多是Windows操作系統，因此，接下來以Windows操作系統為例來說明Python環境的安裝及配置過程。

打開Python官網，選擇“Downloads”菜單下的“Windows”選項，下拉找到對應的Python 3版本鏈接，如圖1-2-2和圖1-2-3所示。

圖1-2-2　Python官網

圖1-2-3　Python下載頁1

進入下載頁面后，單擊“Windows x86-64 executable installer”鏈接進行下載，如圖1-2-4所示。

圖1-2-4　Python下載頁2

下載完成后打開安裝包進行安裝，如圖1-2-5所示。安裝之前勾選“Add Python 3.7 to PATH”復選框，以便Python自動配置環境變量。

圖1-2-5　Python安裝界面

Python環境正確安裝之后，按“Win+R”組合鍵打開“運行”對話框，輸入“cmd”，如圖1-2-6所示，單擊“確定”按鈕即可打開命令提示符窗口。

圖1-2-6　“運行”對話框

打開命令提示符窗口后，輸入以下命令查看Python及pip的版本。

pip -V

命令提示符窗口是一個很常用的工具，請務必記住其打開方法。

如果命令提示符窗口能夠正確顯示pip及Python版本，則說明Python和pip安裝成功，如圖1-2-7所示。

圖1-2-7　查看pip和Python的版本

1.2.3 使用pip安裝Flask

使用pip進行模塊安裝之前，先要配置好鏡像源，以獲得最快的下載速度。

打開用戶目錄（C:\Users\你的用戶名）后創建“pip”目錄，新建文本文件并將文件名稱修改為“pip.ini”，如圖1-2-8所示。

圖1-2-8　創建pip配置文件

如果將文件名稱修改為“pip.ini”，文件類型仍顯示為“文本文檔”，這時需要修改系統設置以顯示文件擴展名。按“Alt+V”組合鍵打開“查看”菜單，選擇“自定義文件夾”選項（Windows 10中單擊“查看”選項卡最右邊的“選項”按鈕），打開“文件夾選項”對話框后單擊“查看”選項卡，在“高級設置”中取消勾選“隱藏已知文件類型的擴展名”復選框，單擊“確定”按鈕即可將文件更名為“pip.ini”。

用鼠標右鍵單擊“pip.ini”，在彈出的快捷菜單中選擇“編輯”選項，或使用記事本打開該文件，輸入以下內容。

[global]
index-url = http://mirrors.aliyun.com/pypi/simple/[install]
trusted-host = mirrors.aliyun.com

單擊“保存”按鈕，關閉輸入窗口。此時pip鏡像源（阿里云）就配置好了。

接下來使用右鍵單擊系統任務欄中的Windows按鈕，選擇“命令提示符（管理員）（A）”選項，打開命令提示符窗口，輸入以下命令。（注意：實際操作中，以下命令不換行。）

pip install flask==1.1.1 jinj a2==2.11.3 itsdangerous==2.0.1 markupsafe==1.1.1 werkzeug==0.16.1

執行上述命令之后，能看到“Successfully installed…”，沒有提示紅色的報錯信息，即安裝成功，此時，Flask就可以正常使用了，如圖1-2-9所示。

圖1-2-9　安裝Flask

1.2.4 安裝集成開發環境

PyCharm是當下最流行的Python集成開發環境（Integrated Development Environment，IDE）之一，本書將全程使用PyCharm進行開發，讀者也可自行選擇其他IDE。PyCharm在環境配置方面相對于其他IDE來說較為簡單。

在PyCharm的官網中可以找到PyCharm的下載地址。進入官網后單擊“DOWNLOAD”按鈕進入下載頁面。此時，需要選擇Windows平臺下的專業版（收費軟件，但可試用30天），專業版包含優化Flask開發的功能，如圖1-2-10所示。

圖1-2-10　PyCharm下載頁面

下載完成后，打開安裝包開始安裝，如圖1-2-11所示。在“Installation Options”界面勾選“64-bit　launcher”前的復選框，該選項用于創建桌面快捷方式；其他選項保持默認設置即可。

圖1-2-11　安裝設置

安裝完成后，打開PyCharm，進行初始配置，選擇“Evaluate for free”選項，如圖1-2-12所示。

圖1-2-12　免費試用

單擊“Evaluate”按鈕，即可試用30天，如圖1-2-13所示。至此，PyCharm開發環境安裝完成。

圖1-2-13　安裝完成

1.2.5 在PyCharm中創建Flask項目

打開PyCharm，單擊“Create New Project”按鈕，選擇“Flask”選項，選擇“Existing interpreter”選項。

此時，可以在下方看到提示“No Python interpreter selected”，如圖1-2-14所示。

圖1-2-14　創建Flask項目（未添加Python解釋器）

單擊“Interpreter”選項右側的“...”按鈕，添加安裝好的Python解釋器，如圖1-2-15所示。在彈出的對話框中選擇“System Interpreter”選項，可以看到安裝Python環境的路徑，單擊“OK”按鈕。

圖1-2-15　添加系統Python解釋器

如果沒有看到相關選項，請檢查是否按1.2.2小節中介紹的安裝流程正確操作。

此時，可以看到下方的提示已經消失了，如圖1-2-16所示。圖中“Location”選項中的內容是項目名稱，默認情況下，項目名稱與目錄名稱是一致的。單擊“Create”按鈕，就可以在PyCharm中正常創建項目了。

圖1-2-16　創建Flask項目

在圖1-2-17所示的PyCharm主界面的運行（調試）區域中，單擊按鈕可以啟動當前項目，如圖1-2-18所示。

圖1-2-17　PyCharm主界面

圖1-2-18　運行（啟動）當前項目

單擊圖1-2-18所示的鏈接“http://127.0.0.1:5000/”，即可打開瀏覽器訪問項目，如圖1-2-19所示。

圖1-2-19　使用瀏覽器訪問項目

Flask的安裝與配置

至此，Flask項目的創建就完成了。

在本節中，如果對操作過程有疑問，可跟隨左側視頻進行操作。