目标：

1）配置Flutter开发环境

2）创建第一个Flutter Demo项目

Flutter中文开发者网站：

https://flutter.cn/

一、配置Flutter开发环境

Flutter开发环境已经提供集成IDE开发环境，因此需要配置开发环境的时候，可以借助IDE。

1.1 下载flutterSDK

1.1.1 下载flutterSDK

可以使用git同步下载flutter SDK

git clone https://github.com/flutter/flutter.git

1.1.2 添加配置环境

配置flutter的环境变量

# Flutter
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export FLUTTER_HOME=/Users/$(whoami)/IDES/flutter

export PATH=/opt/local/bin:$GRADLE_HOME/bin:$JAVA_HOME/bin:$FLUTTER_HOME/bin:$NDK_HOME:$NDK_HOME/build:$ANDROID_HOME/tools:$ANDROID_HOME/tools/bin:$ANDROID_HOME/platform-tools:$PATH:

执行 flutter devices查看flutter的安装是否成功。

appledeMacBook-Pro:etc zhouronghua$ flutter devices

┌─────────────────────────────────────────────────────────┐
│ A new version of Flutter is available!                  │
│                                                         │
│ To update to the latest version, run "flutter upgrade". │
└─────────────────────────────────────────────────────────┘
1 connected device:

Chrome (web) • chrome • web-javascript • Google Chrome 122.0.6261.94

1.1.3 IDE集成Flutter

Android Studio安装Flutter相关插件，主要有：Dart（Flutter指定编程语言）、Flutter.dev插件。

安装成功重启，重启后，Projects-->New Flutter Project

出现Flutter项目菜单。

 

二、创建第一个Flutter项目

2.1 创建第一个Flutter项目

New Project->Flutter-->Next

 

然后点击 Next，创建一个Flutter项目

 点击创建的时候，会弹出提示，模块名不正确，需要采用dart的命名方式，小写+下划线。

修改项目名为小写+下划线，创建项目。

 创建项目成功，IDE会自动初始化项目信息。

 2.2 项目结构分析

.dart_tool  dart依赖配置

.idea  IDEA ItellJ配置

android[flutter_world_android]