HHepan / exam-community

0 stars 0 forks source link

配置 flutter 环境并初始化 flutter 程序 #2

Open HHepan opened 6 months ago

HHepan commented 6 months ago

flutter 中文网 https://flutter.cn/docs/get-started/install/windows/mobile?tab=download

HHepan commented 6 months ago

大家配置完开发环境就可以开始配置 flutter 环境了。我们用 flutter 框架写前端。配置到能够出现“新建flutter项目”的按钮即可。(如下图)

fa24ebe606d9dc3d53277d0e2f5b14c

同样的,配置完成后截图评论。

HHepan commented 6 months ago

初始化 flutter 程序我来弄,大家配置好环境就可以了。

Ljcheng247 commented 6 months ago

image

Wangs2002 commented 6 months ago

image

HHepan commented 6 months ago

安装完 flutter 环境的,可以根据 flutter 中文网的内容,如下:

7937dc3d4c12750b7414d0e314fec0af

尝试运行它的 demo 项目。成功后截图评论,示例如下:

1eb42baae34099cb18de664bad927252

这一步一定要完成,我会在这个 demo 的基础上搭一个简单的架子,然后会推到这个仓库里。

Wangs2002 commented 6 months ago

image

HHepan commented 6 months ago

初始化 flutter 程序完成。现在仓库里已经有初始化的代码了。环境配置完成的尽快把初始代码拉到本地跑起来。大家跑起来后我就建 issue 分配任务,正式开始开发。

跑起来后可以先看看目录结构和代码含义。

对于 flutter 我也是第一次接触,初始化的代码也都是边查边写的。大家之后开发的时候查到有用的资料可以到这个 issue 下来评论,一起学习进步。

ad34d7bf04795ba8e00ecbd01c145b12

当前初始化的内容有:简单的颜色主题、底部的菜单栏、点击菜单栏实现页面转跳。

0d98e94eaaf3b864a869bbb59b918d91
Wangs2002 commented 6 months ago

image