如何快速在macOS上搭建Flutter开发环境(编辑器Android Studio)

注:1、以下教程中如果出现下载失败的情况,请挂VPN尝试。
  2、安装过程中有些步骤等待会比较漫长,请一定,要有耐心!!!

Step 1 AS plugs库下载Flutter和Dart插件

搜索Flutter即可,安装时会提示你需要同时安装Dart插件,也就是说你装了Flutter后自带Dart插件,不需要额外安装Dart。
如果出现网络超时,插件一直下不下来的情况,请在AS设置中,将Use secure connection前面的勾去掉,因为https协议会出现下不下来的情况:

Step 2 下载Flutter SDK

1、打开终端,输入命令行open .bash_profile,编辑bash文件,在其中添加以下内容:

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

保存后请重启下终端。
设置以上内容的原因是:由于一些flutter命令需要联网获取数据,如果是在国内访问,由于众所周知的原因,直接访问很可能不会成功。 上面的PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL是google为国内开发者搭建的临时镜像。

2、cd进Flutter安装目录(随便新建一个你想要的安装目录即可),然后克隆项目:git clone -b beta https://github.com/flutter/flutter.git
如果这是您第一次在此机器上安装Flutter,请克隆beta分支。
克隆开始前可能需要等待30秒左右,请有些耐心。

3、将flutter命令写进环境变量(同1,打开bash文件写入以下内容即可):

export FLUTTER_HOME=/你的flutter安装目录/flutter
export PATH=$PATH:$FLUTTER_HOME/bin:

4、运行flutter doctor来安装其他依赖:
这个过程开始的也会比较慢,可能会卡在“Building flutter tool...”提示语句,请耐心等待。请一定要配置临时镜像,否则会下不下来,挂VPN也没用。

Step 3 AS新建Flutter项目

在AS中依次选择File->New->New Flutter Project:

在Flutter SDK path中选择你的SDK安装路径(指向到顶层flutter目录即可,不需要到bin目录)。不要点击那个install SDK按钮,国内下不下来,挂VPN也下不下来。
如果出现错误提示“SDK不完整”,请检查Step2-4,确保flutter doctor安装了所有依赖。
然后就像我们平常新建AS项目一样即可。
Creating Flutter Project的过程十分十分十分的漫长,请耐心等待。

卡在Creating Flutter Project?

如果你等了5分钟还是卡在Creating Flutter Project,接下来献上独家解决秘籍:
其实AS只是假死,项目已经创建好了。我们可以打开项目目录,你会发现该有的都有了:


所以,我们直接强杀AS,然后重新打开,open项目,注意直接选择open,而不是import!!直接open项目顶层目录,而不是内部子android目录。
如果出现以下报错:"Flutter SDK not found. Define location with flutter.sdk in the local.properties file.",请尝试以下方法:
1、打开AS设置,搜索flutter,配置Flutter SDK path:


2、复制步骤一中的SDK路径,打开local.properties文件,在里面加上这么一句话flutter.sdk=你复制的SDK路径
重新build项目,然后就可以运行了。

猜你喜欢

转载自blog.csdn.net/yumi0629/article/details/81775858