Flutter开发环境搭建,启动项目,耗时一天 终于成功了

2,638 阅读2分钟

一:官网连接

flutter官网

docs.flutter.dev/get-started…

二: 设置flutter镜像

下面可以得到flutter的中文镜像

image.png

image.png

如果电脑没有设置代理的情况下把下面两个新增到环境变量的用户变量里面。

image.png

env:PUB_HOSTED_URL="pub.flutter-io.cn"; env:FLUTTER_STORAGE_BASE_URL="storage.flutter-io.cn"

三:安装flutter的SDK

按照官网的指示下载好,配好环境变量就ok了 docs.flutter.cn/get-started…

四:flutter doctor错误解决

配置完flutter/bin的path路径后,打开一个powershell窗口,执行flutter doctor 出现了以下错误:

image.png

  • 错误一:Android toolchain - develop for Android devices (Android SDK version 35.0.0)

    X cmdline-tools component is missing

    Run path/to/sdkmanager --install "cmdline-tools;latest"

    See developer.android.com/studio/comm… for more details.

    就是在android studio里面需要安装一个工具

image.png

image.png

  • 错误二:X Android license status unknown.

    Run flutter doctor --android-licenses to accept the SDK licenses.

    See flutter.dev/docs/get-st… for more details.

  • 错误三:Visual Studio - develop Windows apps

    X Visual Studio not installed; this is necessary to develop Windows apps.

    Download at visualstudio.microsoft.com/downloads/.

    Please install the "Desktop development with C++" workload, including all of its default components

错误二和三我都没有处理

  • 错误四:X Environment variable FLUTTER_STORAGE_BASE_URL does not specify a valid URL: "FLUTTER_STORAGE_BASE_URL"

    Please see flutter.dev/community/c… for an example of how to use it.

貌似是环境变量配置错了,重新配一下一下

  • 错误五:X A network error occurred while checking "github.com/": 信号灯超时时间已到

这个没办法,有时候网络不好没连上gihub

后面又来了一个错误六 类似错误五,没连接上maven

解决flutter doctor时候说maven信号连接不上的问题

1、把~/packages/flutter_tools/lib/src/http_host_validator.dart里面的maven.google.com/改成国内源,比如aliyun/;
2、删除~/bin/cache;
3、重新运行flutter doctor

此处引用segmentfault.com/q/101000004…下某位大佬的回

我换的源是

const String kMaven = 'http://maven.aliyun.com/nexus/content/groups/public/';

五:使用android studio 安装Flutter和Dart插件

两个都要装,可能会很慢,经常失败,多次重新试试 image.png

六:根据官网提示利用flutter create新建项目并运行到android studio模拟器上

image.png

Running Gradle task 'assembleDebug'... 太久了

又是一番百度

运行到模拟器时又来一个报错

image.png

  • 按照讨论区的帖子删除了C/用户下面的.gradle文件 启动又是报错

image.png

然后按照网上的教程 下载下图中对应版本的gradle压缩包 解压到电脑的某处,并且换了gradle的镜像源

image.png

# distributionUrl=https://services.gradle.org/distributions/gradle-7.6.3-all.zip
distributionUrl=https://mirrors.cloud.tencent.com/gradle/gradle-7.6.3-all.zip

双击打开 查看gradle的构建状态

image.png

里面显示build成功就差不多是ok了

七:成功状态

image.png

修改下里面的代码也能成功改变

image.png

PS:运行到模拟器要是还不行的话,把原来的模拟器删除掉,新建一台就ok了。