flutter入门----环境搭建

张垒
190 阅读3分钟

flutter入门----环境搭建

1. flutter是什么？

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。

2. 环境搭建--window版

2.1 java环境的安装--jdk

java8下载地址

https://www.oracle.com/java/technologies/downloads/#java8-windows

根据你系统是64位还是32位选择对应版本

2.2 下载安装 FlutterSDK

  • 下载地址
https://doc.flutterchina.club/setup-windows/
  • 将安装包zip解压到你想安装Flutter SDK的路径
  • 配置环境变量--- 配置到用户环境变量即可
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  • 把刚解压的flutter sdk路径 配置到系统环境变量中，这样全局就可以执行flutter命令

2.3 进行 flutter doctor 测试

在终端中输入flutter doctor，你可能会得到下面类似的结果。

Android toolchain - develop for Android devices
• Android SDK at D:\Android\sdk 
✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ 
• Try re-installing or updating your Android SDK, visit https://flutter.io/setup/#android-setup for detailed instructions.

这时候你得到的x比这个会多一些，因为我们还没有安装Android studio那下一步就是进行Android Studio的安装。

2.4 Android Studio 安装

  • 下载地址
https://developer.android.google.cn/studio/
  • 1.下载好后一步步安装即可；可以自定义安装到任何盘符；
  • 2.安装好后，打开Android Stuido 软件，然后找到Plugin的配置，搜索Flutter插件安装；安装完成后，你需要重新启动一下Android Studio软件。
  • 3.安装Android证书
    • 3.1安装好Android Studio后，再次打开终端（命令行），输入flutter doctor,这时候的x会明显减少，但是你还是会遇到1-2个，其中有一个就是提示没有安装证书。安装证书只要在终端里执行下面的命令。
    flutter doctor --android-licenses
    然后会提示你选Y/N，不要犹豫，一律选择Y，就可以把证书安装好。

2.5安装AVD虚拟机

  • Andorid Studio新建flutter项目---打开Andorid Studio ，更加界面提示，新建Flutter项目。
    • 期间会下载很多依赖，网速原因会比较慢。
  • 安装AVD虚拟机
    • 现在需要一个虚拟机来运行我们的程序，可以点击Android Studio中的上方菜单tool -AVD Manager选项。
    • 出现新建菜单，选择Create Virtual Device.....,如果你一个虚拟机也没建过，这个选项在对话框的中间
    • 选择虚拟机类型，这个你随意选就好，我选择的是Nexus 5x
    • 选择系统，这里尽量选择最新的，我选择了Android 11.0系统，选择好后，又是一个漫长的等待过程。
    • 安装好后，点击开始按钮，运行虚拟机了

2.6 flutter项目跑起来

  • 1.修改掉项目下的android目录下的build.gradle文件，把google() 和 jcenter()这两行去掉。改为阿里的链接。
maven { url 'https://maven.aliyun.com/repository/google' } 
maven { url 'https://maven.aliyun.com/repository/public' }

  • 2.修改Flutter SDK包下的flutter.gradle文件,这个目录要根据你的SDK存放的位置有所变化。

    • 打开文件进行修改，修改代码如下（其实也是换成阿里的路径就可以了）。
        repositories {
        google()
        mavenCentral()
        maven {
            // url "$storageUrl/download.flutter.io"
            url "https://mirrors.tuna.tsinghua.edu.cn/flutter/download.flutter.io"
        }
    }

  • 3.修改Flutter SDK包下的resolve_dependencies.gradle文件

    repositories {
       google()
       mavenCentral()
       maven {
           // url "$storageUrl/download.flutter.io"
           url "https://mirrors.tuna.tsinghua.edu.cn/flutter/download.flutter.io"
       }
   }
  • 4.然后Debug一下，就基本可以启动起来。

未完待续~

avatar
文章
阅读
粉丝