一、安装
Android Studio
官网: 下载 Android Studio 和应用工具 - Android 开发者 | Android Developers
教程:Android Studio 安装配置教程 - Windows(详细版)-****博客
Flutter
官网:Windows | Flutter 中文文档 - Flutter 中文开发者网站 - Flutter
教程:windows10 flutter安装全程 - 简书
终端执行 flutter doctor 报错
flutter安装报错解决
教程:运行flutter doctor命令检测环境是否配置成功报错及解决方案_visual studio not installed; this is necessary for-****博客
1、cmdline-tools component is missing
cmdline-tools component is missing
Run `path/to/sdkmanager --install "cmdline-tools;latest"`
See https://developer.android.com/studio/command-line for more details.
解决:
2、! Some Android licenses not accepted
! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses
解决: 执行flutter doctor --android-licenses
3、Visual Studio - develop Windows apps
Visual Studio - develop Windows apps
X Visual Studio not installed; this is necessary to develop Windows apps.
Download at https://visualstudio.microsoft.com/downloads/.
Please install the "Desktop development with C++" workload, including all of its default components
下载 Visual Studio Tools - 免费安装 Windows、Mac、Linux
安装成功
Google USB Driver(Windows需要下载)
终端执行 flutter devices
二、使用vscode
1、安装插件 Flutter、Dart
2、创建应用
终端执行 flutter create my_app
3、真机运行
a、手机 打开开发者模式&USB调试模式
b、终端执行 flutter devices 判断是否连接手机成功
c、确认已安装和手机 Android 版本一致的SDK
d、终端执行 flutter run 运行应用到真机
4、模拟器运行
a、切换设备为模拟器
b、终端执行 flutter run
三、其他
1、目录结构
文件名/文件夹名 |
说明 |
.dart_tool |
记录了一些dart工具库所在的位置和信息 |
.idea |
android studio 是基于idea开发的,.idea 记录了项目的一些文件的变更记录 |
android |
Android项目文件夹 |
build |
编译出来的文件 |
ios |
iOS项目文件夹 |
lib |
dart语言代码 |
linux |
linux项目文件夹(桌面端应用)可忽略 |
macos |
macOS项目文件夹(桌面端应用)可忽略 |
test |
测试代码 |
web |
web项目文件夹 可忽略 |
windows |
windows项目文件夹(桌面端应用)可忽略 |
.gitignore |
git忽略配置文件 |
.metadata |
IDE 用来记录某个 Flutter 项目属性的的隐藏文件 |
.analysis_options.yaml |
静态分析文件 |
xxx.iml |
工程文件的本地路径配置 |
pubspec.lock |
当前项目依赖所生成的文件 |
pubspec.yaml |
当前项目的一些配置文件,包括依赖的第三方库、图片资源文件等 |
README.md |
READEME文件 |
关于桌面端应用可以自行了解https://flutter.cn/docs/development/platform-integration/desktop