一、Flutter SDK 安装与配置:
1、Flutter SDK下载:Flutter官网 ,Flutter中文网
2、Mac配置文件:
打开: vim ~/.zshrc
关闭保存:source ~/.zshrc
3、配置内容:
#镜像地址
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
#全局路径
export PATH=/Users/zmj/flutter/bin:$PATH
export PATH=${PATH}:/Users/zmj/flutter/bin/cache/dart-sdk/bin
4、检查配置命令:
flutter doctor
二、开发工具安装:
1、安卓工具安装 android-studio
2、Mac环境配置配置:
#Java环境变量配置
export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk-11.0.8.jdk/Contents/Home
export PATH=$JAVA_HOME/bin:$PATH:.
export CLASS_PATH=$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:.
3、安装 Android SDK Command-line Tools:
Preferences -> System Settings -> Andrroid SDK -> SDK Platforms
4、安装 Android Studio插件:
Plugins -> Dart & Flutter
三、创建项目方式:
- 使用命令行进行: flutter create my_app
- 运行到模拟器:flutter run –d 模拟器id
四、Flutter工程目录结构:
flutter项目结构.png
文件 | 作用 |
---|---|
dart_tool | Dart工具开发包 |
.idea | 开发环境配置 |
android | 安卓原生工程文件 |
build | 编译或运行后产物 |
lib | 包含.dart结尾的工程相关文件 |
test | 包含.dart结尾的工程测试文件 |
web | web原生工程文件 |
.gitignore | git提交仓库忽略文件 |
.metadata | 一个对当前workspace的配置记录 |
.packages | 以lib结尾的文件绝对路径 |
analysis_options.yaml | 静态分析文件 |
my_app.iml | 工程文件的本地路径配置 |
pubspec.lock | 前项目依赖所生成的文件 |
pubspec.yaml | 依赖配置 |
README.md | 自述项目信息(html标签) |
External Libraries | 安卓架包和资源文件、Dart SDK 文件、工程开发依赖插件API |
Scratches and Consoles | 创建的临时文件和缓冲区列表 |