flutter开发环境配置

2019年9月7日 209次阅读 来源: cindy

以下为Mac配置flutter开发环境步骤

1、安装flutter

由于在国内访问Flutter有时可能会受到限制，需要在系统根文件夹下创建.bash_profile文件，并加入以下代码创建镜像

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

flutter下载地址：https://flutter.io/sdk-archiv…
安装后解压缩，然后再写入环境变量，path为解压路径

export PATH=`path`/flutter/bin:$PATH

2、安装brew

使用命令行安装brew，已安装可跳过

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

brew是Mac下的命令行工具，安装其他工具会用到

3、安装IDE

Android Studio有1G多，Xcode有7G多，下载需要较多时间，可以并行进行。下载IDE需要看下支持的系统版本，可能需要系统升级

Android Studio下载地址：https://developer.android.google.cn/studio
Xcode下载地址：https://developer.apple.com/xcode/download/或者appstore

IDE下载后使用默认配置一路安装下去就可以了。Android Studio安装成功后，在.bash_profile中加入环境变量

export ANDROID_HOME="/Users/`name`/Library/Android/sdk"
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools

4、flutter SDK

Android Studio中还需要安装flutter SDK。打开Android Studio Preferences，切换到plugins，搜索flutter，搜出来后点击安装，会提示还需要安装Dart，点击同意。

5、安装CocoaPods

brew install cocoapods
pod setup

pod setup安装下载非常慢，可以换种方式，从代码仓库中下载https://github.com/CocoaPods/…，解压到~/.cocoapods/repos下，解压后的文件夹名称改为master

6、安装iOS tools

依次使用命令行安装

brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy

7、完成配置

写入环境变量后可以使用echo $PATH命令查看是否修改成功
每个安装步骤后通过flutter doctor命令查看工具是否是否成功，并根据提示处理
所有配置完成后，就是这样

《flutter开发环境配置》

8、创建flutter应用

启动Andorid Studio选择创建一个flutter application。第一次创建会非常慢，因为需要下载gradle。去官网手动下载会快一些。查看~/.gradle/wrapper/dists文件夹，里面文件夹显示需要的gradle版本，如gradle-4.10.2-all，从http://services.gradle.org/di… 这里下载对应的版本，下载完成后放入~/.gradle/wrapper/dists/gradle-4.10.2-all下的随机名文件夹下，重启Andorid Studio，重新创建flutter应用就比较快了。

在运行flutter应用时Flutter Resolving dependencies阶段很慢的解决方法：打开flutterpackagesflutter_toolsgradleflutter.gradle文件，修改repositories配置

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' }
}
    原文作者：cindy
    原文地址: https://segmentfault.com/a/1190000019866722
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞