Flutter开发环境搭建

由于我使用的是Apple芯片的Macbook，因此以下环境和工具的配置都是针对arm架构的Macbook的。其他设备上的环境配置请看文末的参考部分的链接。

Android开发环境配置

1. 下载Android studio
   选择AS版本

2. 打开AS，选择要下载的SDK版本和虚拟机

   
   sdk下载

模拟器下载

• 点击 【SDK manager】
• 勾选要下载的sdk的 API level
• 勾选Android Emulator（非必需）

3. 创建模拟器 （非必需）

创建设备
选择运行系统版本

• 点击【Device Manager】
• 点击【Create Device】
• 选择要创建的设备型号，也可以自定义硬件的配置
• 选择设备运行的Android版本 「下载过程异常艰难，多下载几次」

创建测试工程

• 打开Android Studio 后选择 【New Project】
• 选择【Phone and Tablet】-> 【Basic Activity】->【Next】
• 填写测试工程的名称，Packge Name一般使用倒置的公司域名，这里只是测试所以不作修改，选择项目保存的地址。
• 工程创建完成后，等gradle加载完成，点击【Run app】，能够正常启动模拟器，并打开测试应用说明android开发环境完成。

创建android测试工程 创建android测试工程 创建android测试工程 创建android测试工程

命令行配置

如果需要在命令行中使用adb emulator sqlite3等命令，则需要配置环境变量

• 编辑~/.zprofile文件

  export ANDROID_HOME ~/Library/Android/sdk
  export PATH$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/tools/bin:$ANDROID_HOME/platform-tools
  

• 执行source ~/.zprofile命令,否则只在当前窗口生效

• 输入 adb --help 查看命令是否生效

iOS开发环境配置

1. 下载xcode： app store直接下载
2. 下载cocoapods
   • 直接使用brew install cocoapods安装

创建测试工程

• 打开 Xcode, 点击【Create a new Xcode project】选项
• 选择【ios】-> 【App】->【Next】
• 填写Product Name ； Organization Identifier跟Android项目的Package Name类似
• 创建完成后，点击【Product】-> 【Destination】选择测试运行的模拟器类型
• 点击运行，如果能够启动模拟器，并加载测试应用则说明开发环境OK。

创建ios工程 创建ios工程 创建ios工程 创建ios工程 创建ios工程

使用cocoapods 安装第三方依赖

我们在开发过程中需要使用一些第三方开发的库，因此需要使用cocoapods引入第三方依赖。过程如下：

1. 进入刚刚创建的TestFlutterPorj工程

2. 在命令行输入pod init,此时工程内会自动生成 Podfile、TestFlutterProj.xcworkspace文件

3. 在Podfile文件中添加要依赖的库

      platform :ios, '9.0'
      target 'TestCoco' do
      use_frameworks!
      pod 'NetworkEye'
      pod 'SwiftyJSON', '~> 4.0'
      end
   

4. 打开xcworkspace工程，通过import NetworkEye验证是否导入成功。

flutter安装配置

flutter sdk下载

下载flutter

下载下来是个zip文件，解压到目标路径中

mkdir ~/flutter_sdk 
unzip ~/Downloads/flutter_macos_3.7.7-stable.zip

使用开源库

如果不使用下载归档好的sdk的方式，也可以clone github的库，操作如下

git clone https://github.com/flutter/flutter.git -b stable

配置环境变量

• 编辑~/.zprofile文件，添加以下内容

  export PATH="$PATH:~/flutter_sdk/flutter/bin"
  

• 执行source ~/.zprofile

• 测试是否配置成功执行 which flutter,输出以下内容则说明环境配置成功(xxx是你的用户名)

  /Users/xxx/flutter_sdk/flutter/bin/flutter
  

镜像配置

国内的网络环境访问flutter的开发资源，需要设置两个环境变量：PUB_HOSTED_URL 和 FLUTTER_STORAGE_BASE_URL。Flutter中文社区提供了多个镜像地址，我们选择Flutter社区这个镜像;其他镜像可查看镜像选择与设置。

在～/.zprofile文件中添加以下内容

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

执行 source ~/.zprofile

开发工具配置

开发flutter可以选择使用 visual studio code 或者 Android Studio

VS配置

在插件扩展中搜索 flutter ，选择插件点击【安装】

AS配置

在【settings】>【Plugins】>【Marketplace】中搜索 flutter，选择插件点击啊【安装】

验证flutter开发工具是否配置成功

执行 flutter doctor 查看输出

flutter doctor
如果有相关警告，可根据警告提示执行相关命令消除警告。

创建测试工程

1. 执行flutter create test_app创建工程
2. 进入到test_app工程内，执行flutter run
3. 提示选择运行的device，选择相应的序号（构建过程比较慢，耐心等待）

4. 查看模拟器是否运行测试程序

   
   创建flutter测试APP

以上，完成了Flutter开发环境的初步搭建

参考

• android环境变量配置
• 镜像选择与设置