Flutter1-环境搭建 For Mac

2021-11-18 本文已影响0人镜像

Flutter开发工具

Flutter开发目前主流是是两种开发工具：Android Studio和VSCode。
这里我们选择使用Android Studio，简称AS，这个开发工具个人觉得更为强大，也更为习惯。
AS下载地址

安装Flutter

Flutter安装可以参考官网
首先，下载最新Flutter安装包

install

下载完解压，放在家目录下

Flutter目录

像这种bin里面有命令行工具的时候，我们就需要配置环境变量了。

环境变量

来到你对应的Shell的配置文件进行配置。

在配置环境变量之前，首先我们要先配置镜像。

中国使用注意事项

在Flutter官网注意事项写的很清楚，因为Flutter是外网服务器，当你拉数据的时候，有可能就被墙掉了，所以我们要先配置镜像。

如果你使用默认的bash，那么配置~/.bash_profile。
如果你使用的是zsh，那么配置~/.zshrc。

# Flutter 镜像配置
$ export PUB_HOSTED_URL=https://pub.flutter-io.cn
$ export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

# Flutter 环境变量
export FLUTTER=~/flutter
export PATH=$FLUTTER/bin:$PATH

配置完成后，重新打开终端或者输入命令载入配置。
bash使用.bash_profile。
zsh使用source ~/.zshrc。

环境变量配置完毕后，我们可以使用命令flutter doctor验证我们的flutter环境是否安装成功。

Flutter 安装成功

配置AS环境

配置SDK
根据安装向导，我们需要安装Android SDK，Android SDK Command-lineTools，Android SDK Build-Tools，安装过程无需翻墙。
我们也可以进入偏好设置，快捷键'CMD' + '，'

AS偏好设置

要把最下面Hide Obsolete Packages的勾勾去掉，然后勾选我们要安装的SDK，点击OK进行下载安装。

安装AS插件
在AS的欢迎页面有个Plugins，在里面搜索Flutter，结果如下：

Plugins

我们直接下载，下载flutter会提示是否下载Dart，我们直接一起下载即可。安装完成后重启AS。
看到有个New Flutter Project那么插件安装成功。

AS欢迎页

解决JDK问题

cd /Applications/Android\ Studio.app/Contents/jre
ln -s ../jre jdk
ln -s "/Library/Internet Plug-Ins/JavaAppletPlugin.plugin" jdk
flutter doctor -v

解决许可证问题
再次运行flutter doctor可能会遇到许可证问题

许可证问题

打开终端输入命令

$ flutter doctor --android-licenses

然后一顿y即可。

模拟器配置
推荐Nox App Player和Genymotion
解决Gradle问题
首次运行安卓设备或者模拟器的时候，会发现项目卡住不动了，因为Gradle仓库在国外，所以你懂得。。。
解决它比较简单的方法就是设置镜像。

修改项目下的build.gradle文件
文件路径：项目 -- android -- build.gradle
修改内容：找到repositories和allprojects里面的

google()
mavenCentral()

修改为阿里云镜像

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安装目录中的flutter.gradle文件
文件路径：flutter/packages/flutter_tools/gradle/flutter.gradle

修改内容：

buildscript {
    repositories {
//        google()
//        mavenCentral()
        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' }
    }

    dependencies {
        classpath 'com.android.tools.build:gradle:4.1.0'
    }
}

Flutter1-环境搭建 For Mac

Flutter开发工具

安装Flutter

环境变量

配置AS环境

猜你喜欢

热点阅读