flutter之安装（零报错）

àì夳堔傛蜴生んèń 2022-12-31 06:22 219阅读 0赞

目录

  • 一：获取Flutter SDK
  • 二：添加环境变量
  • 三：android studio 插件dart 和 flutter 安装
  • 四：Flutter_tools 替换镜像地址
  • 五：Flutter sdk 检测
  • 六：使用AS创建Flutter 应用

一：获取Flutter SDK

从GitHub拉取fultter stable 分支 的源码(不要在高权限的路径下，最好不在C盘)

  1. git clone -b stable git@github.com:flutter/flutter.git

注意不要在GitHub下载releases/tags，否则在flutter doctor时，会报错 缺少git 和 未知的 chanel

提示：如果GitHub拉取源码速度过慢，可以切换到 码云flutter ，同时创建FLUTTER_GIT_URL=https://gitee.com/mirrors/Flutter.git环境变量，flutter upgrade 才能使用；
也可以通过更改dns 来提升GitHub拉取速度如下

  1. 获取Github相关网站的ip
    访问https://www.ipaddress.com，分别输入

    1. github.global.ssl.fastly.net
    3. github.com

    查询ip地址。

  2. 修改本地host文件
    Window为例 C:\Windows\System32\drivers\etc\host
    Mac为例，命令行下输入：sudo vi /etc/host，然后输入电脑的密码，打开host文件。
    参考如下，增加github.global.ssl.fastly.net和github.com的映射。

    1. 151.101.113.194 github.global.ssl.fastly.net
    2. 192.30.253.112 github.com

  3. 更新DNS缓存
    命令行输入：ipconfig /flushdns，使增加的映射生效。

    1. ipconfig /flushdns

二：添加环境变量

  1. 添加镜像
    由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中：

    1. PUB_HOSTED_URL=https://pub.flutter-io.cn
    2. FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  2. 添加flutter sdk的bin 到path路径如下：
    在这里插入图片描述

  3. 添加android sdk 环境变量（如果未自定义android studio 的sdk路径无需添加）

    1. ANDROID_HOME=E:\JDK-package\Android\SDK

  4. 添加PUB_CACHE环境变量
    这个变量决定了pub get 下载的那些包依赖资源放到何处。默认情况下，PUB_CACHE 存储在你的用户目录（Mac 和 Linux）或 %APPDATA%\Pub\Cache 目录（Windows，不同版本的 Windows 操作系统可能会不一样）下的子目录中。如果你想更改地址，可以配置该环境变量设置为新的地址。

    1. PUB_CACHE=E:\Dependences-Repository\flutter_repository

三：android studio 插件dart 和 flutter 安装

先安装dart
在这里插入图片描述
再安装flutter
在这里插入图片描述

注意：如果更改过android studio 的idea.properties配置，如idea.plugins.path=${idea.config.path}/plugins，那么之后的所有插件都不能安装成功，解决方案如下

  • 方案一：
    将idea.plugins.path=${idea.config.path}/plugins改成idea.plugins.path=${idea.system.path}/plugins
    android studio 下载的压缩包都在${idea.system.path}/plugins下面，只需要将插件压缩包解压到${idea.system.path}/plugins文件路径下重启android studio即可使用
  • 方案二：
    把 ${idea.system.path}/plugins下的插件压缩包，解压到${idea.config.path}/plugins文件路径下重启android studio即可使用

注意：是解压到plugins文件下，不是解压到插件压缩包的同名文件下

效果如下
在这里插入图片描述

四：Flutter_tools 替换镜像地址

更改flutter\packages\flutter_tools\gradle\flutter.gradle

  1. buildscript { 
  2.     repositories { 
  3.     // 注释以前的
  4.     // google()
  5.     // jcenter()
  6.     // 增加这段代码
  7.     maven {  url'https://maven.aliyun.com/repository/google'}
  8.     maven {  url'https://maven.aliyun.com/repository/jcenter'}
  9.     maven {  url'https://maven.aliyun.com/repository/public'}
  10.     }
  11.     dependencies { 
  12.         classpath 'com.android.tools.build:gradle:3.5.0'
  13.     }
  15. // private static final String DEFAULT_MAVEN_HOST = "https://storage.googleapis.com";
  16. private static final String DEFAULT_MAVEN_HOST      = "https://storage.flutter-io.cn/download.flutter.io"
  18. project.rootProject.allprojects { 
  19.        repositories { 
  20.            maven { 
  21.                url repository
  22.            }
  23.             ///增加这段代码
  24.             maven {  url'https://maven.aliyun.com/repository/google'}
  25.             maven {  url'https://maven.aliyun.com/repository/jcenter'}
  26.             maven {  url'https://maven.aliyun.com/repository/public'}
  27.        }

五：Flutter sdk 检测

  1. 打开cmd或PowerShell,，运行

    1. flutter doctor

    效果如下
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    提示：异常Some Android licenses not accepted. To resolve this, run: flutter doctor —android-licenses
    很明显了那就运行flutter doctor —android-licenses 一路Y就好了

  2. 设置dart环境变量
    经过上一步flutter doctor 后再次查看flutter\bin目录下可以看到
    flutter\bin\cache\dart-sdk将这个也添加到path中
    在这里插入图片描述

  3. 解决 Android Studio (not installed)(无关紧要）
    安装了AS，但路径是自定义的，所以给Flutter指定路径吧

    1. flutter config --android-studio-dir="D:\Program Files\Android\Android Studio"

    如果出现：在这里插入图片描述
    请检查是否执行过目录三
    获取是否安装的jetbrains的其他ide（如IntelliJ IDEA），那么此类的ide也需要安装dart和flutter插件

  4. 解决 No devices available(无关紧要）
    手机开发模式打开usb调试，连接电脑即可

六：使用AS创建Flutter 应用

选择第一个
在这里插入图片描述
在这里插入图片描述
点击finish
在这里插入图片描述
如图
在这里插入图片描述
运行再真机上
在这里插入图片描述

如果发现卡在Running Gradle task ‘assembleDebug’… 解决办法如下

修改项目中android/build.gradle文件
在这里插入图片描述
安装 google usd driver
在这里插入图片描述
此时 如果还是 卡在Running Gradle task ‘assembleDebug’…
那么应该是 android 目录下的gradle-wrapper 下载过慢，你可以使用本地的gradle

  1. distributionUrl=file:///F:/android-studio/gradle/gradle-4.3-all.zip

效果如下：启动成功
在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，219人围观）

还没有评论，来说两句吧...

相关阅读