Mac + AS + Flutter配置

Mac系统上搭建Flutter开发环境

1.克隆Flutter代码

将Flutter代码下载到本地,git命令行、git界面工具、网页直接下载,只要把Flutter代码下载到本地就行

git clone -b beta https//github.com/flutter/flutter.git

最近github好像有点不给力,下载可能特别慢。推荐一个码云地址https://gitee.com/mirrors/Flutter 下载快,每日同步更新官方代码,其实也不错。

2.配置环境变量

将Flutter代码中bin文件目录添加到系统环境变量中,这里和java环境配置大同小异,mac端具体操作如下:

第一步:
cd ~           // 在终端进入用户目录,一般打开终端默认就是

第二步:
open .bash_profile    // 打开配置文件
// 另 如果 .bash_profile文件不存在需先创建再打开,具体如下:
// touch .bash_profile
// open .bash_profile

第三步:
export PATH=${PATH}:/Users/xxx/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
// 复制三行到bash_profile文件中 保存关闭即可
// “/Users/xxx/flutter/bin” 为Flutter下载到本地的目录地址,其他两句为方便在天朝正常使用flutter而添加,无需改动

第四步:
source .bash_profile      // 执行文件 使命令生效
3.测试Flutter环境是否配置成功

打开终端输入 flutter
出现 flutter相关命令用法则表示配置成功

4.使用flutter doctor安装其他依赖

打开终端输入 flutter doctor
等待......
完成后会显示所有所需工具 如Android studio + Android toolchain
打√的表示已安装

5. 《重磅》配置AndridStudio, 安装相关插件

打开AndroidStudio 打开Setting Preferences -> Plugins
依次安装Flutter、dart插件

1.Flutter安装成功后重启AS会默认设置成功配置路径
2.Dart安装成功后重启AS 再次打开Setting Preferences -> Languages & Frameworks 
勾选 Enable Dart support for the project 'flutter_app'
配置Dart SDK path为:  Flutter代码下载地址/bin/cache/dart-sdk
6.重启Android Studio

点击 Flie ->New ->New Flutter
出现New Flutter选项表示最终成功 开始写你的Hello world吧

结尾:

安装过程挺简单的,过程中遇到两个问题。

1.网上一波操作最后打开AS并没发现创建Flutter入口,最后发现AS中少安装了Flutter插件,必须安装并确认配置才有New Flutter

2.在第三步测试Flutter环境是否配置成功时,打开终端输入flutter出现了flutter相关命令使用说明, 但是同时报了一个
// error:invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: Library/Developer/CommandLineTools/usr/bin/xcrun
按网上许多说法命令行重新安装Xcode,并没用,其实问题在于无CommandLineTools,最后在官网http://developer.apple.com/downloads下载OS对应版本的CommandLineTools,最后安装即可

你可能感兴趣的:(Mac + AS + Flutter配置)