使用vscode，编写第一个Flet程序 vscode怎么开始编程-技术文章-思凡资源网

使用vscode，编写第一个Flet程序 vscode怎么开始编程

Flet 是一个框架，允许使用 Python 构建网页、桌面和移动应用程序，而无需具备前端开发经验。

下面使用vscode，编写第一个flet程序吧。

第一步，安装flet框架

pip install flet

第二步，在vscode中新建文档 demo1.py，并敲入以下代码

import flet as ft

def main(page: ft.Page):    
        page.title = "Flet 计数器示例"    
        page.vertical_alignment = ft.MainAxisAlignment.CENTER    
        txt_number = ft.TextField(value="0", text_align=ft.TextAlign.RIGHT, width=100)    

def minus_click(e):        
        txt_number.value = str(int(txt_number.value) - 1)        
        page.update()    

def plus_click(e):        
        txt_number.value = str(int(txt_number.value) + 1)        
        page.update()    
        page.add(ft.Row([ft.IconButton(ft.icons.REMOVE, on_click=minus_click), txt_number, ft.IconButton(ft.icons.ADD, on_click=plus_click),], alignment=ft.MainAxisAlignment.CENTER,))

ft.app(main)

第三步，运行程序

要运行该应用程序，按vscode的F5健即可啦。该程序实现了计数器功能，效果见图，代码解读给我留言。

这段代码，通过不同的编译，就可以编译为在Windows，Linux，iOS，Android等平台运营的程序了，编译后面再分享。