Flutter开发环境搭建

2023-03-14 本文已影响0人 seph_von

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

Android开发环境配置

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

sdk下载

模拟器下载

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

创建模拟器（非必需）

创建设备

选择运行系统版本

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

创建测试工程

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

下载xcode： app store直接下载
下载cocoapods
- 直接使用brew install cocoapods安装

创建测试工程

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

创建ios工程

使用cocoapods 安装第三方依赖

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

进入刚刚创建的TestFlutterPorj工程
在命令行输入pod init,此时工程内会自动生成 Podfile、TestFlutterProj.xcworkspace文件

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

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

打开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
如果有相关警告，可根据警告提示执行相关命令消除警告。

创建测试工程

执行flutter create test_app创建工程
进入到test_app工程内，执行flutter run
提示选择运行的device，选择相应的序号（构建过程比较慢，耐心等待）
查看模拟器是否运行测试程序

创建flutter测试APP

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

Flutter开发环境搭建

Android开发环境配置

创建测试工程

命令行配置

iOS开发环境配置

创建测试工程

使用cocoapods 安装第三方依赖

flutter安装配置

flutter sdk下载

使用开源库

配置环境变量

镜像配置

开发工具配置

VS配置

AS配置

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

创建测试工程

参考

猜你喜欢

热点阅读