在Windows安装Flutter

news2024/11/19 3:48:01

一、安装

Android Studio

官网：下载 Android Studio 和应用工具 - Android 开发者 | Android Developers

教程：Android Studio 安装配置教程 - Windows(详细版)-CSDN博客

Flutter

官网：Windows | Flutter 中文文档 - Flutter 中文开发者网站 - Flutter

教程：windows10 flutter安装全程 - 简书

终端执行 flutter doctor 报错

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.

解决：

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文件