在Windows安装Flutter
一、安装Android Studio
官网： 下载 Android Studio 和应用工具 - Android 开发者 | Android Developers
教程：Android Studio 安装配置教程 - Windows(详细版)-CSDN博客
Flutter
官网：Windows | Flutter 中文文档 - Flutter 中文开发者网站 - Flutter
教程：windows10 flutter安装全程 - 简书
终端执行 flutter doctor 报错
https://i-blog.csdnimg.cn/blog_migrate/8cd3523520612c1b879ae1f8572280a4.png
flutter安装报错办理
教程：运行flutter doctor下令检测情况是否配置成功报错及办理方案_visual studio not installed; this is necessary for-CSDN博客
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. 办理：
https://i-blog.csdnimg.cn/blog_migrate/b9baf6a6a3a1bf14c2cef62934a6db2c.png
https://i-blog.csdnimg.cn/blog_migrate/c6b70acad663a726c0808fb91c5d17bc.png
2、! Some Android licenses not accepted
! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses 办理： 执行flutter doctor --android-licenses
https://i-blog.csdnimg.cn/blog_migrate/804b3eff96a607977c5163681b134cfc.png
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
https://i-blog.csdnimg.cn/blog_migrate/fda2a8278968132e9bb56f6facbbdebd.png
https://i-blog.csdnimg.cn/blog_migrate/560e553ec3be12264820f8c74529c903.png
https://i-blog.csdnimg.cn/blog_migrate/a18aeba1959ff208e080e4d32d244ce7.png
安装成功
https://i-blog.csdnimg.cn/blog_migrate/a78538d04f0fe83fd45844e22bf734eb.png
Google USB Driver(Windows必要下载)
https://i-blog.csdnimg.cn/blog_migrate/bda4074aa58842a23d9cacf358314587.png
终端执行 flutter devices
https://i-blog.csdnimg.cn/blog_migrate/6f5dadfd636e31d4404554b323794390.png
二、使用vscode
1、安装插件 Flutter、Dart
https://i-blog.csdnimg.cn/blog_migrate/a4cea4b54bf10357c44d025129aeb240.png
https://i-blog.csdnimg.cn/blog_migrate/dda85a96988843c26d4ae35d5bc47af3.png
2、创建应用
终端执行 flutter create my_app
https://i-blog.csdnimg.cn/blog_migrate/f1306d90f31f4d416cb998754c730bef.png
3、真机运行
a、手机 打开开发者模式&USB调试模式
b、终端执行 flutter devices 判断是否连接手机成功
https://i-blog.csdnimg.cn/blog_migrate/8f6e7959013b39ec53f77dabc0934e90.png
c、确认已安装和手机 Android 版本一致的SDK
https://i-blog.csdnimg.cn/blog_migrate/d182751016877e66b79e5e23604213ea.png
d、终端执行 flutter run 运行应用到真机
https://i-blog.csdnimg.cn/blog_migrate/9d52a88d4524acff4c9ab6b10fc56577.png
4、模拟器运行
a、切换装备为模拟器
https://i-blog.csdnimg.cn/blog_migrate/e1004e581ca4a25cc5a8b8358ff41986.png
b、终端执行 flutter run
https://i-blog.csdnimg.cn/blog_migrate/7db19b182f3e4d8820e09a35db2bfa92.png
三、其他
1、目次布局
https://i-blog.csdnimg.cn/blog_migrate/230be0bc1ae5ee0c584f75f3cfdab00b.png
文件名/文件夹名
说明
.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
2、在 Windows 或 Linux 上你无法启动 iOS 模拟器
3、在android Studio运行项目时要注意 选择正确的运行配置
https://i-blog.csdnimg.cn/blog_migrate/f7b29bb19b4ac8b2097b3069225b70d9.png
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]