美文网首页
一、Flutter开发环境搭建

一、Flutter开发环境搭建

作者: biubiubiuCOWARD | 来源:发表于2019-10-06 09:32 被阅读0次

    1.0.0 安装Flutter

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

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

    使用镜像

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

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

    注意: 此镜像为临时镜像,并不能保证一直可用,读者可以参考https://flutter.io/community/china 以获得有关镜像服务器的最新动态。

    在Windows上搭建Flutter开发环境

    系统要求

    要安装并运行Flutter,您的开发环境必须满足以下最低要求:

    • 操作系统: Windows 7 或更高版本 (64-bit)

    • 磁盘空间: 400 MB (不包括Android Studio的磁盘空间).

    • 工具: Flutter 依赖下面这些命令行工具.

      如果已安装Git for Windows,请确保可以在命令提示符或PowerShell中运行 git 命令

    获取Flutter SDK

    1. 去flutter官网下载其最新可用的安装包,下载地址:https://flutter.dev/docs/development/tools/sdk/releases ,打开后如图1-2所示:

      图1-2

    注意,Flutter的渠道版本会不停变动,请以Flutter官网为准。另外,在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要翻墙,读者也可以去Flutter github项目下去下载安装包,地址:https://github.com/flutter/flutter/releases

    1. 将安装包zip解压到你想安装Flutter SDK的路径(如:C:\src\flutter;注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\)。

    2. 在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。

    更新环境变量

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

    • 转到 “控制面板>用户帐户>用户帐户>更改我的环境变量”
    • 在“用户变量”下检查是否有名为“Path”的条目:
      • 如果该条目存在, 追加 flutter\bin的全路径,使用 ; 作为分隔符.
      • 如果该条目不存在,创建一个新用户变量 Path ,然后将 flutter\bin 的全路径作为它的值.

    重启Windows以应用此更改.

    运行 flutter doctor命令

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

    flutter doctor
    
    

    该命令检查你的环境并在命令行窗口中显示报告。Dart SDK已经在打包在Flutter SDK里了,没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务。

    例如:

    [-] Android toolchain - develop for Android devices
        • Android SDK at D:\Android\sdk
        ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
        • Try re-installing or updating your Android SDK,
          visit https://flutter.io/setup/#android-setup for detailed instructions.
    
    

    第一次运行flutter命令(如flutter doctor)时,它会下载它自己的依赖项并自行编译。以后再运行就会快得多。缺失的依赖需要安装一下,安装完成后再运行flutter doctor命令来验证是否安装成功。

    Android设置

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

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

    安装遇到问题?

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

    在macOS上搭建Flutter开发环境

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

    系统要求

    要安装并运行Flutter,您的开发环境必须满足以下最低要求:

    • 操作系统: macOS (64-bit)
    • 磁盘空间: 700 MB (不包括Xcode或Android Studio的磁盘空间).
    • 工具: Flutter 依赖下面这些命令行工具.
      • bash、mkdir、rm、git、curl、unzip、which

    获取Flutter SDK

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

      注意,Flutter的渠道版本会不停变动,请以Flutter官网为准。另外,在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要翻墙,读者也可以去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添加到PATH中请参考下面更新环境变量 部分。

    运行 flutter doctor命令

    这一步和Windows下步骤一致,不再赘述。

    更新环境变量

    将Flutter添加到PATH中,可以在任何终端会话中运行flutter命令。

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

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

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

    3. 添加以下路径:

      export PATH=[FLUTTER_INSTALL_PATH]/flutter/bin:$PATH
      

      例如笔者Flutter 安装目录是“~/code/flutter_dir”,那么代码为:

      export PATH=~/code/flutter_dir/flutter/bin:$PATH
      
    4. 运行 source $HOME/.bash_profile 刷新当前终端窗口。

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

    5. 验证“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应用程序。

    安装Android Studio

    和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 betaflutter channel master,Flutter官方建议跟踪稳定分支,但你也可以跟踪master分支,这样可以查看最新的变化,但这样稳定性要低的多。

    升级Flutter SDK和依赖包

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

    flutter upgrade
    
    

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

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

    相关文章

      网友评论

          本文标题:一、Flutter开发环境搭建

          本文链接:https://www.haomeiwen.com/subject/rtmepctx.html