用docker搭建NiceGUI开发环境

        NiceGUI是一个python轻量级GUI框架，其后端是基于FastAPI构建，前端是基于Vue和Quasar构建，据作者所说，NiceGUI是受到Streamlit和JustPy的启发而开发，并兼具两者的优势，轻巧、快速、灵活而又具更强的功能。

        Docker搭建开发环境的好处是众所周知的。本文介绍在windows下，利用Docker Desktop中的Dev Environments功能搭建NiceGUI的开发环境。

        第一步：建立开发目录和配置文件：

        在任意盘符下新建文件夹，例如“nicegui_app”，你也可以用任意名称。然后在此文件夹下，新建文件“compose-dev.yaml”，文件中输入以下内容：

services:
  app:
    image: zauberzeug/nicegui:latest
    restart: always
    ports:
        - 8080:8080
    environment:
        - PUID=1000 # change this to your user id
        - PGID=1000 # change this to your group id
    volumes:
        - ./app:/app

        在同级目录下，新建文件夹“app”，此文件夹不要改名字，在此文件夹下，新建文件main.py，文件中输入以下内容： 

from nicegui import ui
ui.label('Hello World!!!!')
ui.run()

        目录结构如下图所示：

        

        第二步：创建Docker开发环境

        启动Docker Desktop，导航到Dev Environments菜单（目前Dev Environments还处于beta状态，所以，需要安装较新版本的Docker Desktop才有这个功能）。

        点击“Create->Get Started”。

在随后的界面中进行以下操作：

• 在Name下的文本框中输入“NiceGUI_app”，也可取其他名称。
• 在Choose source下选择Local directory
• 点击Select按钮，选择第一步创建的文件夹nicegui_app
• 点击Continue按钮

Docker Desktop会开始创建开发环境，创建成功后，如下图所示

点击Continue->Done，启动开发环境。此时打开浏览器，输入localhost:8080,即可看到如下画面：

        用vscode等编辑器，打开main.py，将“Hello World!!!”改为“Hello NiceGUI！！！”，保存后，页面会自动刷新。

        至此，开发环境就搭建成功了。