2024-03-05 flutter学习笔记（win10环境之创建第一个flutter应用）

flutter 官网：https://docs.flutter.dev/

flutter github：https://github.com/flutter/flutter

flutter官方开源项目（flutter gallery）：https://github.com/flutter/gallery

flutter 中文网：https://book.flutterchina.club/chapter1/install_flutter.html

简介：谷歌开源的移动应用框架，使用Dart开发，支持Android、iOS、Web以及桌面应用开发。

ps：flutter官方开源项目可能需要你打开开发者模式，以及下载Android sdk 31。关于这个项目，我推荐看这篇文章：https://blog.csdn.net/shulianghan/article/details/115038182

 

我的flutter开发环境👇

操作系统：win10

app 打包：Android Studio

app 编程：Vscode（其实个人觉得还得是用as来编程较好一些，vscode要安装一些插件，显得比较繁琐）

 

一：下载flutter sdk👉https://docs.flutter.dev/release/archive?tab=windows

 

我下的这个，下完，把它解压到某个盘里，注意这个盘最好有400兆以上空间且不要安装在一些权限级别较高的系统文件夹里面。

可参考我的，解压完如下：

 二：配置用户变量

检查一下：flutter和dart

 注：flutter的sdk里包含了dart的sdk，所以如果是第一次配置就不用下dart的sdk

三、使用as创建flutter应用

创建前，你的as需要安装dart和flutter两个插件，如图：

 把这两玩意装上，然后重启一下as

ok，重启完，点击New Flutter Project

 左侧选择Flutter，右侧flutter sdk路径填一下，点Next↓

 随便填一下，Create

创建完成，来看一下项目结构：

好，运行一下，注意要连接手机

 很好！成功的抛出了第一个错误：

 Connection timed out: connect 连接超时

 原因：连接国外的包超时导致运行失败...

 解决方案：配置国内镜像，找到android文件夹里的build.gradle文件，一般就在前几行，把google()替换成国内镜像 

maven {
         url 'https://maven.aliyun.com/repository/public/'
}
mavenLocal()

如图👇

然后把项目\android\gradle\wrapper文件夹中的gradle-wrapper.properties文件修改一下路径

原来的
distributionUrl=https\://services.gradle.org/distributions/gradle-7.6.3-all.zip

换成腾讯云的
distributionUrl=https\://mirrors.cloud.tencent.com/gradle/gradle-7.3.3-bin.zip

ps：请根据运行实际情况来，它如果提示你需要7.4以上版本的gradle那就改成7.4的

注意，请用adb devices来检测电脑获取是否到手机设备号，如果adb报错那么就无法运行起来

 ok