Flutter——环境搭建forMac

Flutter——环境搭建forMac

• • 1. 安装Flutter
  • • 1.1 下载Flutter SDK
    • 1.2 配置环境变量
    • • 1.2.1 配置镜像
      • 1.2.2 配置Flutter 环境变量
  • 2. 配置 Android studio 环境
  • • 2.1 安装Android Studio
    • 2.2 配置SDK
    • 2.3 Android Studio 安装Flutter 插件
    • 2.4 JDK问题
    • 2.5 许可证问题
    • 2.6 修改build.gradle文件

1. 安装Flutter 1.1 下载Flutter SDK

首先要做的就是Flutter SDK，里面有Stable channel（正式版）和Beta channel（测试版），这里推荐使用Stable channel 。Flutter SDK 下载
下载完成后，那么就要把安装包放在合适的地方解压。因为Flutter的SDK中包含了很多命令行工具，所以需要配置环境变量，这里建议放到平时放命令行工具的地方。

1.2 配置环境变量 1.2.1 配置镜像

Flutter 在运行的时候需要去官方下载所需要的资源，如果没有梯子那么就需要镜像服务器。

来到对应的Shell配置文件进行配置。
如果默认的是bash，那么配置～/.bash_profile。
如果默认的是zsh（Mac新系统默认是zsh），那么配置～/.zshrc。

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

1.2.2 配置Flutter 环境变量

接下来，将Flutter命令行工具的路径配置一下。

 export FLUTTER=~/flutter
 export PATH=$FLUTTER/bin:$PATH

配置完成后，重新打开终端或者输入命令载入配置

source ~/.zshrc

接下来就可以查看Flutter是否配置完成了。

Flutter doctor

如果配置好了，那么就会打勾，否则就会打叉。如果想快速知道有没有配置好而不想知道其他的关于 类似Android Studio 的信息， 可以直接输入flutter 或者which flutter。

2. 配置 Android studio 环境 2.1 安装Android Studio

Flutter是一个由谷歌开发的开源移动应用软件开发工具包，所以这里需要先安装Android Studio以便进行开发。当然也可以使用VS Code 来进行开发。
这里下载Android Studio 安装包

2.2 配置SDK

这里打开SVD Manager，然后下载 Android SDK Build-Tools， Android SDK Command-Line Tools和 Android SDK Platform-tools。

2.3 Android Studio 安装Flutter 插件

打开Android Studio 的 preferences，在Plugins 里面选择 Flutter 安装。

安装过程会提示是否需要安装Dart，这里选择Install，也可以之后在单独安装。

2.4 JDK问题

 cd /Applications/AndroidStudio.app/Contents/jre
 ln -s../jrejdk
 ln -s"/Library/InternetPlug-Ins/JavaAppletPlugin.plugin"jdk 
 flutter doctor -v

2.5 许可证问题

输入下面代码后一直输入y就好了。

flutter doctor--android-licenses

2.6 修改build.gradle文件

文件路径： 项目 —— Android —— build.gradle 文件
修改内容： 找到 buildscript 和 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/ packages/flutter_tools/gradle/flutter.gradle
修改内容： 加入阿里云镜像

buildscript { 
	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' }
		}
		dependencies {
    		classpath 'com.android.tools.build:gradle:3.5.0'
		}
}