avatar

目录
从Flutter到原生开发-环境搭建

再windows上搭建Flutter开发环境

由于Flutter会同时构建Android和IOS两个平台的发布包,所以Flutter同时依赖Android SDK和iOS SDK,在安装Flutter时也需要安装相应平台的构建工具和SDK。下面我们分别介绍一下Windows和macOS下的环境搭建。

注意:本节介绍的安装方式随着Flutter的升级可能会发生变化,如果下面介绍的内容在您安装Flutter时已经失效,请访问Flutter官网,按照官网最新的安装教程安装。

使用镜像

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,可以将如下环境变量加入到用户环境变量中:

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

windows:控制面板\所有控制面板项\系统>高级>环境变量>新建

获取Flutter SDK

  • 去flutter官网下载其最新可用的安装包,下载地址:https://flutter.dev/docs/development/tools/sdk/releases
  • 在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要翻墙,读者也可以去Flutter github项目下去下载安装包,地址:https://github.com/flutter/flutter/releases

    将安装包zip解压到你想安装Flutter SDK的路径(如:C:\src\flutter;注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\)。
    在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。

更新环境变量

  • 如果你想在Windows系统自带命令行运行flutter命令,需要添加以下环境变量到用户PATH:

    windows:控制面板\所有控制面板项\系统>高级>用户环境变量(path中添加 flutter\bin的全路径)

    运行 flutter doctor命令

    • 在Flutter命令行运行如下命令来查看是否还需要安装其它依赖,如果需要,安装它们:
      bash
      1
      flutter doctor

Android设置

Flutter依赖于Android Studio的全量安装。Android Studio不仅可以管理Android 平台依赖、SDK版本等,而且它也是Flutter开发推荐的IDE之一
(当然,你也可以使用其它编辑器或IDE,我们将会在后面讨论)。

安装Android Studio

  1. 安装Android Studio 下载地址:https://developer.android.google.cn/studio/
  2. 启动Android Studio,然后执行“Android Studio安装向导”。这将安装最新的Android SDK、Android SDK平台工具和Android SDK构建工具,这些是用Flutter进行Android开发所需要的。

安装遇到问题?
如果在安装过程中遇到问题,可以先去flutter官网查看一下安装方式是否发生变化,或者在网上搜索一下解决方案。

再macOS上搭建Flutter开发环境

在masOS下可以同时进行Android和iOS设备的测试。

获取Flutter SDK

  1. 去flutter官网下载其最新可用的安装包,下载地址:https://flutter.io/sdk-archive/#macos

    在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要翻墙,读者也可以去Flutter github项目下去下载安装包,地址:https://github.com/flutter/flutter/releases

  2. 解压安装包到你想安装的目录,如:

    cd ~/development
    unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip

  3. 添加flutter相关工具到path中:

    export PATH=pwd/flutter/bin:$PATH
    此代码只能暂时针对当前命令行窗口设置PATH环境变量

    运行 flutter doctor命令
    参照window步骤

    更新环境变量

    将Flutter添加到PATH中,可以在任何终端会话中运行flutter命令。
    对于所有终端会话永久修改此变量的步骤是和特定计算机系统相关的。
    通常,您会在打开新窗口时将设置环境变量的命令添加到执行的文件中。例如

  4. 确定您Flutter SDK的目录记为“FLUTTER_INSTALL_PATH”,您将在步骤3中用到。

  5. 打开(或创建) $HOME/.bash_profile。文件路径和文件名可能在你的电脑上不同.

  6. 添加以下路径:

    export PATH=[FLUTTER_INSTALL_PATH]/flutter/bin:$PATH
    例如笔者Flutter 安装目录是”~/code/flutter_dir”,那么代码为
    export PATH=~/code/flutter_dir/flutter/bin:$PATH

  7. 运行 source $HOME/.bash_profile 刷新当前终端窗口。

    注意: 如果你使用终端是zsh,终端启动时 ~/.bash_profile 将不会被加载,解决办法就是修改 ~/.zshrc ,在其中添加:source ~/.bash_profile

  8. 验证“flutter/bin”是否已在PATH中:

    echo $PATH

安装 Xcode

要为iOS开发Flutter应用程序,您需要Xcode 9.0或更高版本:
  1. 安装Xcode 9.0或更新版本(通过链接下载或苹果应用商店).
  2. 配置Xcode命令行工具以使用新安装的Xcode版本 sudo xcode-select –switch /Applications/Xcode.app/Contents/Developer 对于大多数情况,当您想要使用最新版本的Xcode时,这是正确的路径。如果您需要使用不同的版本,请指定相应路径。
  3. 确保Xcode许可协议是通过打开一次Xcode或通过命令sudo xcodebuild -license同意过了.
    使用Xcode,您可以在iOS设备或模拟器上运行Flutter应用程序

    安装 Xcode

    和Window一样,要在Android设备上构建并运行Flutter程序都需要先安装Android Studio,读者可以先自行下载并安装Android Studio,在此不再赘述。

升级 Flutter

Flutter SDK分支

Flutter SDK有多个分支,如beta、dev、master、stable,其中stable分支为稳定分支(日后有新的稳定版本发布后可能也会有新的稳定分支,如1.0.0),dev和master为开发分支,安装flutter后,你可以运行flutter channel查看所有分支,如笔者本地运行后,结果如下:

Flutter channels:
beta
dev
*master

带"*"号的分支即你本地的Flutter SDK 跟踪的分支,要切换分支,可以使用flutter channel beta 或 flutter channel master,Flutter官方建议跟踪稳定分支,但你也可以跟踪master分支,这样可以查看最新的变化,但这样稳定性要低的多。

升级Flutter SDK和依赖包

要升级flutter sdk,只需一句命令:
bash
1
flutter upgrade

该命令会同时更新Flutter SDK和你的flutter项目依赖包。如果你只想更新项目依赖包(不包括Flutter SDK),可以使用如下命令:

  • flutter packages get获取项目所有的依赖包。
  • flutter packages upgrade 获取项目所有依赖包的最新版本。

    Android Studio 配置与使用

    由于Android Studio是基于IntelliJ IDEA开发的,所以读者也可以使用IntelliJ IDEA。
    安装Flutter和Dart插件
    需要安装两个插件:
    • Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等)。
    • Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等)。
    安装步骤:
    1. 启动Android Studio。
    2. 打开插件首选项 (macOS:Preferences>Plugins, Windows:File>Settings>Plugins)。
    3. 选择 Browse repositories…,选择 flutter 插件并点击 install。
    4. 重启Android Studio后插件生效。
打赏
  • 微信
    微信
  • 支付寶
    支付寶

评论