Flutter 环境搭建

2019-05-12  本文已影响0人  JinYx

一、添加镜像到环境变量

打开 /etc/profile 文件, 添加如下镜像内容:

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

保存文件,执行如下指令使环境变量生效

source /etc/profile

\color{#FF0000}{注意},后面下载 Flutter 依赖会检测Android SDK,如果环境变量中未设置\color{#FF0000}{ANDROID\_HOME},需要先添加如下内容:

export ANDROID_HOME=/home/Android SDK 安装目录
export PATH=.:${JAVA_HOME}/bin:${ANDROID_HOME}/platform-tools:${ANDROID_HOME}/tools:$PATH

二、下载 Flutter SDK

下载地址
下载完成之后,将其解压到想要安装的目录,然后将Flutter目录下的 bin 目录配置到环境变量中,打开 /etc/profile 文件:

export PATH=.:${JAVA_HOME}/bin:${ANDROID_HOME}/platform-tools:${ANDROID_HOME}/tools:/home/flutter目录/bin:$PATH

三、运行 flutter doctor

由于第二步将flutter目录配置到了环境变量中,所以打开终端,可以在任意目录执行flutter doctor指令,完成Flutter依赖项的下载
下载成功显示结果如下:


图1. Flutter 依赖下载

常见问题
上面\color{#00FF00}{√}对应的五条内容,每个失败的原因都会有对应的提示,按照提示完成操作即可
1. Flutter 此项失败时,提示说缺少依赖,需要执行如下指令进行安装,此项安装过程需要FanQiang(天朝牛逼)

sudo apt-get install lib32stdc++6

2. Android toolchain 此项失败,需要执行如下指令,安装过程中一路 Yes 即可

flutter doctor --android-licenses

3. Android Studio 可以开发 Flutter 的IDE, Flutter 会检测 IDE有没有下载 Flutter 插件,如果提示说未安装,打开IDE的设置,选择Plugin,安装 Flutter即可;当然,之前安装过程中出现IDE安装了插件也提示检测不到,可以现在IDE卸载Flutter插件在重新安装

图2. Flutter 插件安装

4. Intellij IDEA 同3 的 Android Studio,也是需要安装 Flutter 插件

5. Connected device 需要连接真机设备,执行 flutter devices,能检测到设备即可

四、新建 Flutter 项目

点击 File —> New —> New Flutter Project... 创建 Flutter 项目,项目名只能小写;


图3. 新建 Flutter Project

创建完毕之后,点击 \color{#00FF00}{Run} 三角形按钮运行 Flutter 项目,不出意外,当控制台执行到 Resolving dependencies... 时将会失败告终(天朝牛逼),解决办法,修改 gradle 配置。
1. 打开项目中的 build.gradle 文件

图4. build.gradle

2. 打开 Flutter SDK中的 flutter.gradle 文件

图5. flutter.gradle

3. 将 repositories 中对应的仓库内容修改为 aliyun 代理仓库

    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'}
    }

再次运行,等待安装完成


图6. Flutter App
上一篇 下一篇

猜你喜欢

热点阅读