Flutter开发环境搭建

Posted milovetingting

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Flutter开发环境搭建相关的知识,希望对你有一定的参考价值。

个人博客:
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()
  1. 修改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()
    }
  1. 修改MAVEN_REPO的值
private static final String MAVEN_REPO      = "https://mirrors.tuna.tsinghua.edu.cn/flutter/download.flutter.io";

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


以上是关于Flutter开发环境搭建的主要内容,如果未能解决你的问题,请参考以下文章

Flutter开发环境搭建

Flutter开发环境搭建

Flutter 徐徐图之—— 从搭建开发环境到 Hello World

flutter环境搭建与体验

vscode flutter 环境搭建

Flutter-01环境搭建