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
Flutter——环境搭建forMac_第1张图片

2. 配置 Android studio 环境

2.1 安装Android Studio

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

2.2 配置SDK

这里打开SVD Manager,然后下载 Android SDK Build-ToolsAndroid SDK Command-Line ToolsAndroid SDK Platform-tools
Flutter——环境搭建forMac_第2张图片

2.3 Android Studio 安装Flutter 插件

打开Android Studiopreferences,在Plugins 里面选择 Flutter 安装。
Flutter——环境搭建forMac_第3张图片
安装过程会提示是否需要安装Dart,这里选择Install,也可以之后在单独安装。
Flutter——环境搭建forMac_第4张图片

2.4 JDK问题

 cd /Applications/Android\Studio.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——环境搭建forMac_第5张图片
文件路径: 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'
		}
}

你可能感兴趣的:(Flutter,flutter,vscode,android)