Flutter开发环境搭建

Posted 2020-12-13 milovetingting

个人博客:
http://www.milovetingting.cn

Flutter开发环境搭建

前言

参考链接:https://flutterchina.club/

Windows系统下Flutter开发环境搭建

使用镜像

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

变量名	值
PUB_HOSTED_URL	https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL	https://storage.flutter-io.cn

Flutter SDK 下载

1. 去flutter官网下载其最新可用的安装包:https://flutter.dev/docs/development/tools/sdk/releases#windows

2. 将安装包zip解压到你想安装Flutter SDK的路径（如：C:srcflutter；注意，不要将flutter安装到需要一些高权限的路径如C:Program Files）

3. 在Flutter安装目录的flutter文件下找到flutter_console.bat，双击运行并启动flutter命令行，接下来，你就可以在Flutter命令行运行flutter命令了

配置环境变量

要在终端运行 flutter 命令， 需要添加以下环境变量到系统PATH：

将Flutter SDK 解压后的目录in的全路径添加到Path变量中

运行flutter doctor

打开一个新的命令提示符或PowerShell窗口并运行以下命令以查看是否需要安装任何依赖项来完成安装：

flutter doctor

该命令检查您的环境并在终端窗口中显示报告。

android Studio中增加Flutter插件

在Android Studio 的插件管理器中，搜索Flutter,并安装Flutter插件，然后重新启动Android Studio。

第一个Flutter应用

通过File-New-New Flutter Project，选择Flutter Application类型，点击下一步后，配置工程名称、位置、包名等信息后，点击完成。

工程同步完成后，点击Run按钮后，就可以将Flutter项目安装到手机上。

这里可能会一直停留在下面的提示界面:

Running Gradle task ‘assembleDebug‘...

解决方案:

1. 修改项目中android目录下的build.gradle中的repositories节点

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()

2. 修改Flutter安装目录packagesflutter_toolsgradleflutter.gradle

repositories {
		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()
    }

3. 修改MAVEN_REPO的值

private static final String MAVEN_REPO      = "https://mirrors.tuna.tsinghua.edu.cn/flutter/download.flutter.io";

然后再次运行Run就可以正常安装了。