本文由葡萄城技術(shù)團(tuán)隊(duì)于原創(chuàng)并首發(fā)

轉(zhuǎn)載請(qǐng)注明出處：葡萄城官網(wǎng)，葡萄城為開(kāi)發(fā)者提供專(zhuān)業(yè)的開(kāi)發(fā)工具、解決方案和服務(wù)，賦能開(kāi)發(fā)者。

?

上一篇我們介紹了在Windows 10下進(jìn)行初學(xué)者入門(mén)開(kāi)發(fā)Python的指南，在本篇中我們一起看一下看在Windows子系統(tǒng)（WSL）如何使用Python進(jìn)行Web開(kāi)發(fā)的循序漸進(jìn)指南。

設(shè)置開(kāi)發(fā)環(huán)境

我們建議在生成 web 應(yīng)用程序時(shí)在 WSL 上安裝 Python。? Python web 開(kāi)發(fā)的許多教程和說(shuō)明都是針對(duì) Linux 用戶編寫(xiě)的, 并使用基于 Linux 的打包和安裝工具。? 大多數(shù) web 應(yīng)用還部署在 Linux 上, 因此, 這將確保你的開(kāi)發(fā)環(huán)境與生產(chǎn)環(huán)境之間的一致性。

如果你使用的是 web 開(kāi)發(fā)以外的其他內(nèi)容, 則我們建議你使用 Microsoft Store 直接在 Windows 10 上安裝 Python。? WSL 不支持 GUI 桌面或應(yīng)用程序 (如 PyGame、Gnome、KDE 等)。? 在這些情況下, 請(qǐng)?jiān)?Windows 上直接安裝并使用 Python。? 如果你不熟悉 Python, 請(qǐng)參閱以下指南:開(kāi)始在 Windows 上使用 Python。? 如果你有興趣自動(dòng)執(zhí)行操作系統(tǒng)上的常見(jiàn)任務(wù), 請(qǐng)參閱以下指南:開(kāi)始在 Windows 上使用 Python 進(jìn)行腳本編寫(xiě)和自動(dòng)化。? 對(duì)于某些高級(jí)方案, 你可能需要考慮直接從python.org下載特定的 Python 版本, 或考慮安裝備用項(xiàng), 例如 Anaconda、Jython、PyPy、WinPython、IronPython 等。僅當(dāng)你是更高級(jí)的 Python 程序員時(shí), 才建議使用此方法, 具體原因是選擇替代實(shí)現(xiàn)。

啟用適用于 Linux 的 Windows 子系統(tǒng)

通過(guò) WSL, 你可以運(yùn)行 GNU/Linux 環(huán)境 (包括大多數(shù)命令行工具、實(shí)用工具和應(yīng)用程序), 直接在 Windows 上進(jìn)行修改, 并與 Windows 文件系統(tǒng)和常用工具 (如 Visual Studio Code) 完全集成。? 在啟用 WSL 之前, 請(qǐng)檢查你是否擁有最新版本的 Windows 10。

若要在您的計(jì)算機(jī)上啟用 WSL, 您需要:

1. 轉(zhuǎn)到 "開(kāi)始" 菜單 (左下方的窗口圖標(biāo)), 鍵入 "打開(kāi)或關(guān)閉 windows 功能", 然后選擇指向 "控制面板" 的鏈接以打開(kāi) "?windows 功能" 彈出菜單。? 在列表中找到 "適用于 Linux 的 Windows 子系統(tǒng)" 并選中復(fù)選框以啟用該功能。

2. 出現(xiàn)提示時(shí), 請(qǐng)重新啟動(dòng)計(jì)算機(jī)。

安裝 Linux 分發(fā)版

有多個(gè) Linux 分發(fā)可在 WSL 上運(yùn)行。? 可以在 Microsoft Store 中查找和安裝收藏夾。? 建議從Ubuntu 18.04 LTS開(kāi)始, 因?yàn)樗亲钚碌摹⑹軞g迎的并且很受支持。

1. 打開(kāi)此Ubuntu 18.04 LTS鏈接, 打開(kāi) Microsoft Store, 然后選擇 "獲取"。? (這是一個(gè)相當(dāng)大的下載, 可能需要一段時(shí)間才能安裝。)

2. 下載完成后, 在 "開(kāi)始" 菜單中鍵入 "UBUNTU 18.04 LTS", 從 Microsoft Store 或 "啟動(dòng)" 中選擇 "啟動(dòng)"。

3. 首次運(yùn)行分發(fā)時(shí), 系統(tǒng)將要求你創(chuàng)建帳戶名稱(chēng)和密碼。? 在此之后, 默認(rèn)情況下, 你將以此用戶的身份自動(dòng)登錄。? 您可以選擇任何用戶名和密碼。? 它們不會(huì)影響你的 Windows 用戶名。

可以通過(guò)輸入以下內(nèi)容來(lái)檢查當(dāng)前使用的 Linux 分發(fā)版:? lsb_release -d 。? 若要更新 Ubuntu 分發(fā), 請(qǐng)使用 sudo apt update && sudo apt upgrade :。? 建議定期更新以確保具有最新的包。? Windows 不會(huì)自動(dòng)處理此更新。? 有關(guān)適用于 Microsoft Store、替代安裝方法或故障排除的其他 Linux 發(fā)行版的鏈接, 請(qǐng)參閱適用于 windows 10 的適用于 Linux 的 Windows 子系統(tǒng)安裝指南。

設(shè)置 Visual Studio Code

通過(guò)使用 VS Code, 充分利用IntelliSense、?Linting、調(diào)試支持、代碼片段和單元測(cè)試。? VS Code 與適用于 Linux 的 Windows 子系統(tǒng)完美集成, 提供內(nèi)置終端在代碼編輯器和命令行之間建立無(wú)縫的工作流, 此外還支持使用通用 Git進(jìn)行版本控制的 git直接內(nèi)置于 UI 中的命令 (添加、提交、推送、拉取)。

1. 下載并安裝適用于 Windows 的 VS Code。? VS Code 也適用于 Linux, 但適用于 Linux 的 Windows 子系統(tǒng)不支持 GUI 應(yīng)用, 因此我們需要在 Windows 上安裝它。? 不用擔(dān)心, 你仍可以使用遠(yuǎn)程-WSL 擴(kuò)展與 Linux 命令行和工具集成。

2. 在 VS Code 上安裝WSL 擴(kuò)展。? 這使你可以將 WSL 用作集成開(kāi)發(fā)環(huán)境, 并將為你處理兼容性和路徑。? 了解詳情。

重要

如果已安裝 VS Code, 則需要確保將1.35 發(fā)布或更高版本, 以便安裝遠(yuǎn)程 WSL 擴(kuò)展。? 建議不要在不使用 WSL 擴(kuò)展的 VS Code 中使用 WSL, 因?yàn)閷⑹?duì)自動(dòng)完成、調(diào)試、linting 等的支持。趣味事實(shí):此 WSL 擴(kuò)展安裝在 $HOME/.vscode-server/extensions。

?

創(chuàng)建新項(xiàng)目

讓我們?cè)?Linux (Ubuntu) 文件系統(tǒng)上創(chuàng)建一個(gè)新的項(xiàng)目目錄, 然后, 我們將使用 VS Code 來(lái)處理 Linux 應(yīng)用和工具。

1. 轉(zhuǎn)到 "開(kāi)始" 菜單 (左下方的窗口圖標(biāo)), 然后鍵入以下內(nèi)容, 關(guān)閉 VS Code 并打開(kāi) Ubuntu 18.04 (你的 WSL 命令行):"Ubuntu 18.04"。

2. 在 Ubuntu 命令行中, 導(dǎo)航到要在其中放置項(xiàng)目的位置, 并為其創(chuàng)建目錄:? mkdir HelloWorld 。

安裝 Python、pip 和 venv

Ubuntu 18.04 LTS 附帶了 Python 3.6, 但不附帶一些你可能希望在其他 Python 安裝中獲得的模塊。? 我們?nèi)孕枰惭bpip、用于 Python 的標(biāo)準(zhǔn)包管理器和venv, 這是用于創(chuàng)建和管理輕型虛擬環(huán)境的標(biāo)準(zhǔn)模塊。

1. 打開(kāi) Ubuntu 終端并輸入:? python3 --version , 確認(rèn)已安裝 Python3。? 這應(yīng)會(huì)返回 Python 版本號(hào)。? 如果需要更新你的 Python 版本, 請(qǐng)首先輸入:? sudo apt update && sudo apt upgrade , 然后使用 sudo apt upgrade python3 更新 Python 來(lái)更新 Ubuntu 版本。

2. 通過(guò)輸入以下內(nèi)容來(lái) sudo apt install python3-pip 安裝 pip:。? Pip 允許你安裝和管理不屬于 Python 標(biāo)準(zhǔn)庫(kù)的其他包。

3. 輸入以下內(nèi)容安裝 venv? sudo apt install python3-venv :。

創(chuàng)建虛擬環(huán)境

對(duì)于 Python 開(kāi)發(fā)項(xiàng)目, 建議使用虛擬環(huán)境。? 通過(guò)創(chuàng)建虛擬環(huán)境, 你可以將項(xiàng)目工具隔離開(kāi)來(lái), 并避免與其他項(xiàng)目的工具存在版本沖突。 例如, 你可能需要維護(hù)一個(gè)需要 Django 1.2 web 框架的舊 web 項(xiàng)目, 但隨后使用 Django 2.2 就會(huì)獲得令人興奮的新項(xiàng)目。? 如果在虛擬環(huán)境外全局更新 Django, 以后可能會(huì)遇到一些版本控制問(wèn)題。? 除了防止意外的版本控制沖突以外, 虛擬環(huán)境允許您在沒(méi)有管理權(quán)限的情況下安裝和管理包。

1. 打開(kāi)終端, 并在 HelloWorld 項(xiàng)目文件夾中使用以下命令創(chuàng)建名為的虛擬環(huán)境?。 venv:? python3 -m venv .venv 。

2. 若要激活虛擬環(huán)境, 請(qǐng)輸入 source .venv/bin/activate :。? 如果它有效, 你應(yīng)該在命令提示符之前看到?(. venv)?。? 現(xiàn)在, 你有了一個(gè)可供編寫(xiě)代碼和安裝包的獨(dú)立環(huán)境。? 完成虛擬環(huán)境后, 請(qǐng)輸入以下命令將其停用:? deactivate 。

   

打開(kāi) WSL-遠(yuǎn)程窗口

VS Code 使用遠(yuǎn)程 WSL 擴(kuò)展 (之前安裝) 將 Linux 子系統(tǒng)視為遠(yuǎn)程服務(wù)器。? 這使你可以使用 WSL 作為集成開(kāi)發(fā)環(huán)境。? 了解詳情。

1. 輸入以下內(nèi)容, 從 Ubuntu 終端 VS Code 打開(kāi)項(xiàng)目文件夾:? code . ?("." 告訴 VS Code 打開(kāi)當(dāng)前文件夾)。

2. 將從 Windows Defender 彈出一個(gè)安全警報(bào), 并選擇 "允許訪問(wèn)"。? 打開(kāi) VS Code 后, 你應(yīng)該會(huì)在左下角看到遠(yuǎn)程連接主機(jī)指示器, 讓你知道在 WSL 上進(jìn)行編輯:Ubuntu-18.04。

   

3. 關(guān)閉 Ubuntu 終端。? 向前移動(dòng)將使用集成到 VS Code 中的 WSL 終端。

4. 通過(guò)按Ctrl + '?(使用反撇號(hào)字符) 或選擇 "查看?>?終端", 在 VS Code 中打開(kāi) WSL 終端。? 這會(huì)打開(kāi)一個(gè) bash (WSL) 命令行, 此命令行打開(kāi)到你在 Ubuntu 終端中創(chuàng)建的項(xiàng)目文件夾路徑。

   

安裝 Microsoft Python 擴(kuò)展

你將需要安裝 WSL 的任何 VS Code 擴(kuò)展。? 已在 VS Code 本地安裝的擴(kuò)展將無(wú)法自動(dòng)使用。? 了解詳情。

1. 通過(guò)輸入Ctrl + Shift + X打開(kāi) "VS Code 擴(kuò)展" 窗口 (或使用菜單導(dǎo)航到 "視圖?> " "擴(kuò)展")。

2. 在 "Marketplace 的頂級(jí)搜索擴(kuò)展" 框中, 輸入:Python。

3. 通過(guò) Microsoft 擴(kuò)展查找 python (ms python python)?, 并選擇 "綠色安裝" 按鈕。

4. 擴(kuò)展安裝完成后, 你將需要選擇 "需要重新加載" 按鈕。? 這會(huì)重載 VS Code 并顯示W(wǎng)SL:"VS Code 擴(kuò)展" 窗口中的 "UBUNTU-18.04-已安裝" 部分顯示已安裝 Python 擴(kuò)展。

運(yùn)行簡(jiǎn)單的 Python 程序

Python 是一種解釋型語(yǔ)言, 支持不同類(lèi)型的 interpretors (Python2、Anaconda、PyPy 等)。? VS Code 應(yīng)默認(rèn)為與項(xiàng)目關(guān)聯(lián)的解釋器。 如果有理由更改它, 請(qǐng)選擇 "VS Code" 窗口底部藍(lán)色欄中當(dāng)前顯示的解釋器, 或打開(kāi)命令面板(Ctrl + Shift + P), 然后輸入以下命令?:選擇解釋器。? 這會(huì)顯示當(dāng)前已安裝的 Python 解釋器列表。? 詳細(xì)了解如何配置 Python 環(huán)境。

讓我們創(chuàng)建并運(yùn)行一個(gè)簡(jiǎn)單的 Python 程序作為測(cè)試, 并確保已選擇正確的 Python 解釋器。

1. 通過(guò)輸入Ctrl + Shift + E打開(kāi) "VS Code 文件資源管理器" 窗口 (或使用菜單導(dǎo)航到 "視圖?>?資源管理器")。

2. 如果它尚未打開(kāi), 請(qǐng)按Ctrl + Shift + '?打開(kāi)集成的 WSL 終端, 并確保已選中HelloWorld?python 項(xiàng)目文件夾。

3. 通過(guò)輸入以下內(nèi)容創(chuàng)建 python 文件 touch test.py :。? 你應(yīng)看到剛才創(chuàng)建的文件顯示在你的 "資源管理器" 窗口中的 venv 和. vscode 文件夾下的項(xiàng)目目錄中。

4. 選擇剛在 "資源管理器" 窗口中創(chuàng)建的test.py文件, 在 VS Code 中打開(kāi)它。? 由于文件名中的 py 告訴 VS Code 這是一個(gè) Python 文件, 因此你之前加載的 Python 擴(kuò)展會(huì)自動(dòng)選擇并加載一個(gè) Python 解釋器, 該解釋器將顯示在 VS Code 窗口的底部。

   

5. 將此 Python 代碼粘貼到你的 test.py 文件中, 然后保存該文件 (Ctrl + S):

                   print("Hello World")
                 

6. 若要運(yùn)行我們剛剛創(chuàng)建的 Python "Hello World" 程序, 請(qǐng)?jiān)?"VS Code 資源管理器" 窗口中選擇test.py文件, 然后右鍵單擊該文件以顯示選項(xiàng)的菜單。? 選擇?"在終端中運(yùn)行 Python 文件"?。? 或者, 在集成的 WSL 終端窗口中, 輸入 python test.py ?: 運(yùn)行 "Hello World" 程序。? Python 解釋器會(huì)在終端窗口中打印 "Hello World"。

恭喜.? 一切都已設(shè)置為創(chuàng)建和運(yùn)行 Python 程序!? 現(xiàn)在, 讓我們嘗試使用兩個(gè)最受歡迎的 Python web 框架創(chuàng)建 Hello World 應(yīng)用:Flask 和 Django。

Flask Hello World 教程

Flask是適用于 Python 的 web 應(yīng)用程序框架。? 在此 brief 教程中, 你將使用 VS Code 和 WSL 創(chuàng)建一個(gè)小型的 "Hello World" Flask 應(yīng)用。

1. 轉(zhuǎn)到 "開(kāi)始" 菜單 (左下方的窗口圖標(biāo)), 然后鍵入以下內(nèi)容, 打開(kāi) Ubuntu 18.04 (你的 WSL 命令行):"Ubuntu 18.04"。

2. 為項(xiàng)目創(chuàng)建目錄:? mkdir HelloWorld-Flask , 然后 cd HelloWorld-Flask 輸入目錄。

3. 創(chuàng)建虛擬環(huán)境以安裝項(xiàng)目工具: python3 -m venv .venv

4. 輸入以下命令, 在 VS Code 中打開(kāi)HelloWorld Flask項(xiàng)目: code .

5. 在 VS Code 中, 通過(guò)輸入Ctrl + Shift + '?(您的HelloWorld-Flask項(xiàng)目文件夾應(yīng)已選中) 打開(kāi)集成 WSL 終端 (也稱(chēng)為 Bash)。? 關(guān)閉 Ubuntu 命令行, 因?yàn)槲覀儗⒃谂c VS Code 前進(jìn)的 WSL 終端中進(jìn)行工作。

6. 使用 VS Code 中的 Bash 終端激活在步驟 #3 中創(chuàng)建的虛擬環(huán)境:? source .venv/bin/activate 。? 如果它有效, 你應(yīng)該在命令提示符之前看到 (. venv)。

7. 輸入以下內(nèi)容, 在虛擬環(huán)境中安裝 python3 -m pip install flask Flask:。? 通過(guò)輸入以下內(nèi)容來(lái)驗(yàn)證它是否 python3 -m flask --version 已安裝:。

8. 為 Python 代碼創(chuàng)建新文件: touch app.py

9. 在 VS Code 的文件資源管理器 ( Ctrl+Shift+E , 然后選擇 app.py 文件) 中打開(kāi) app.py 文件。? 這會(huì)激活 Python 擴(kuò)展以選擇解釋器。? 它應(yīng)默認(rèn)為Python 3.6.8 64 位 (venv): venv)?。? 請(qǐng)注意, 它還檢測(cè)到你的虛擬環(huán)境。

   

10. 在app.py中, 添加代碼以導(dǎo)入 Flask 并創(chuàng)建 Flask 對(duì)象的實(shí)例:

            from flask import Flask
app = Flask(__name__)

          

　　11.? 同樣, 在app.py中, 添加一個(gè)返回內(nèi)容的函數(shù), 在本例中為簡(jiǎn)單字符串。? 使用 Flask 的應(yīng)用程序。路由修飾器將 URL 路由 "/" 映射到該函數(shù):

              @app.route("/")
def home():
    return "Hello World! I'm using Flask."

            

              python3 -m flask run

            

                (env) user@USER:/mnt/c/Projects/HelloWorld$ python3 -m flask run
 * Environment: production
   WARNING: This is a development server. Do not use it in a production deployment.
   Use a production WSGI server instead.
 * Debug mode: off
 * Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)