Flutter环境安装配置

Flutter安装配置
一、环境配置

  1. 配置环境变量
    由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:
    PUB_HOSTED_URL=https://pub.flutter-io.cn
    FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

  2. Git
    确保命令提示符或PowerShell中运行 git 命令,不然在后面运行
    flutter doctor

时将出现
Unable to find git in your PATH

错误, 此时需要手动添加到Path系统环境变量中。
3. Java配置
项目的运行依赖java的环境,java版本不能太高,会出现不兼容。因为Android SDK 不兼容java9以上版本。
如果运行 flutter doctor 出现下面的错误,请将java 版本降到1.8.0
Android license status unknown

二、获取Flutter SDK
去Flutter官网下载SDK https://flutter.dev/docs/development/tools/sdk/releases#windows
下载完成后,将SDK解压到某一路径,例如 E:\Flutter
然后配置环境变量到PATH中:

配置完成后,在控制台运行
flutter doctor

第一次运行一个flutter命令(如flutter doctor)时,会比较慢,它会下载它自己的依赖项并自行编译。以后再运行就会快得多。

三、安装 Android Studio

  1. 下载安装
    下载并安装 https://developer.android.google.cn/studio, 一路next即可。
    这将安装最新的Android SDK,Android SDK平台工具和Android SDK构建工具,这是Flutter为Android开发时所必需的。
    安装成功后,打开android studio

点击取消

进入了安装向导页面,继续点击next
选择 custom 模式自动安装, standard模式会默认将SDK安装在c盘
然后进入自定义安装

在下面修改SDK的安装目录,点击next

点击 finish 开始下载SDK 到指定的目录

  1. 配置android SDK环境变量
    如果您想让Flutter使用不同版本的Android SDK,则必须将该
    ANDROID_HOME

环境变量设置为SDK安装目录。

注意: 配置完成后,需要重启电脑生效。
3. 安装flutter插件
安装完成后,启动android studio,点击右下角configure,选择Plugins

点击 browse repositories, 输入flutter, 点击右侧 install 按钮,会一起安装Dart语法插件。
注意: 如果repositories一直加载,页面打不开,将 Use secure connection 这个勾选项去掉,在打开应该就可以了。

创建项目:
插件安装完成后,启动android srudio

会出现 Start a New Flutter project 选项
点击进入

选择 Flutter Application ,点击 Next

然后就是项目设置,输入项目的名称,选择SDK的路径,会默认帮我们识别到,然后就是项目的路径和描述, 继续点击 Next

设置包的名称,根据自己的需要设置(我直接默认到底。。) 点击 Finish
则创建了一个Flutter 应用。

  1. 设置Andriod模拟器
    启动 Android Studio>Tools>Android>AVD Manager

并选择 Create Virtual Device.

点击next
选择Android SDK版本时,最好选择8.x或者9.x版本,(我试过最高的版本,运行flutter run时 会报错,不知道是什么问题)

如果没有下载,就需要点击 Download, 下载成功后,点击 Next

点击右侧的三角启动,即可启动模拟器。

第一次启动会加载运行环境,也会稍微有点慢。

再次运行 flutter doctor, 检查配置是否成功。

这样表示配置成功,最后一个感叹号表示还没有设备连接
如果第二项 出现
sdk license available

则 运行
flutter doctor --android-licenses

然后一路 yyyyy 即可
这是运行android 许可,直接next到底即可。

四、编辑器设置
我这边使用了VS Code, 也可以根据自己的喜好,使用 Android Studio 或者 Idea 开发。

  1. 插件安装
    打开左侧

在搜索框中输入flutter ,点击安装,会默认安装dart,安装成功后,重启生效。

  1. 创建项目
    打开vs code 命令面板 查看 – 命令面板 (ctrl + shift + p),输入flutter

选择 new Project, 回车
输入项目名称,如果多个字符,都要小写,中间用下划线隔开,然后回车,会自动帮我们创建好项目
3. 启动项目
打开vs code 可以看到右下角有个 No Devices 点击,可以看到我们之前创建的模拟器,也可以在创建一个新的 Create New

选择好设备后,就会启动模拟器。
然后在终端中,输入
flutter run

这个时候会加载项目运行依赖,会安装Gradle。
这时候就需要一个梯子 (已经发到群里)
注意: 由于google在国内的长城原因,项目会一直卡在 Initializing gradle… 这个阶段,grade下载不下来。
如果没有梯子,就需要自己手动安装配置。
Gradle 下载地址: http://services.gradle.org/distributions/
查看本地当前版本: android – gradle --wrapper – gradle-wrapper.properties
为4.10.2-all 版本

首先下载对应的版本,然后放到
C:\Users\YYL.gradle\wrapper\dists\gradle-4.10.2-all\9fahxiiecdb76a5g3aw9oi8rv

这个路径下即可。
(还有说是 把上面的https:// xxxx 这个路径的 \ 去掉也可以,我没试过,不确定效果)
然后修改Flutter SDK 仓库地址
修改
E:\Flutter\packages\flutter_tools\gradle

下的flutter.gradle文件
repositories {
//google()
//jcenter()
maven { url ‘https://maven.aliyun.com/repository/google’ }
maven { url ‘https://maven.aliyun.com/repository/jcenter’ }
maven { url ‘http://maven.aliyun.com/nexus/content/groups/public’ }
}

allprojects {
repositories {
//google()
//jcenter()
maven { url ‘https://maven.aliyun.com/repository/google’ }
maven { url ‘https://maven.aliyun.com/repository/jcenter’ }
maven { url ‘http://maven.aliyun.com/nexus/content/groups/public’ }
}
}

将google() 和jcenter() 注释掉,添加阿里镜像
修改 项目中 android – build.gradle
repositories {
//google()
//jcenter()
maven { url ‘https://maven.aliyun.com/repository/google’ }
maven { url ‘https://maven.aliyun.com/repository/jcenter’ }
maven { url ‘http://maven.aliyun.com/nexus/content/groups/public’ }
}

然后重新运行
flutter run

因为第一步就安装了国内镜像,有时候不需要梯子也能成功,只能遇到问题在处理了

  1. vs code 快捷键
    R 键 点击后热加载,直接查看预览效果
    P 键 在虚拟机中显示网格
    O 键 切换Android和IOS预览模式
    Q 键 退出
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值