第一个Flutter应用

Flutter环境搭建、应用编写与构建

Posted by 袁平 on August 31, 2025

一、环境搭建

添加Flutter镜像:

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

下载Flutter SDK:https://docs.flutter.cn/install/archive

添加Flutter SDK环境变量:export PATH="$PWD/flutter/bin:$PATH"

运行flutter doctor验证安装是否成功:

Flutter Doctor

我使用的是iOS开发环境,没装Android环境,也OK

二、构建第一个Flutter应用

VSCode安装flutter插件,通过command + shift + p选择Flutter: New Project,之后按需选择Application(自带一个计数器的App)或者Empty Application

New Project Project Template
New Project Project Template

我这里选的Application,点击main.dart下的run:

run

可以看到运行效果:

FlutterDemo