[Flutter] Windows/MacOS Flutter 环境走一遍

时间:2021-01-25 04:43:50

 

Windows Install
  1.系统需要:> win7
        > 400M磁盘空间
        Windows PowerShell(Windows 搜索框中找)
        Git for Windows 2.x,能在 cmd 使用 git 命令

  2.下载 Flutter SDK 稳定版:https://storage.googleapis.com/flutter_infra/releases/stable/windows/flutter_windows_v1.0.0-stable.zip
  解压到不需要特殊权限的位置,进入 flutter 目录,双击 flutter_console.bat 启动
  (更新SDK见:https://flutter.io/docs/development/tools/sdk/upgrading)

  3.更新 Path
  编辑系统环境变量(windows搜索框),把 flutter\bin 的路径追加到 Path 中,以 ;隔开或者新加一行
  保存后就可以在 PowerShell 中任意位置使用 flutter 命令了。

  4.运行 flutter doctor
  如果没有 Android SDK,那么可以通过安装 Android Studio(https://developer.android.com/studio),
  IDE 启动时会安装 Android SDK 组件。安装好 Android SDK 后,设置 $ANDROID_HOME 指向安装的路径,或者设置安装路径到 Path 环境变量中。
  flutter config --no-analytics 不向 google 发送特性使用的统计和 crash 报告 。

  5.Android设置
  安装 Android Studio(https://developer.android.com/studio)

  启动 Android 设备,需要 Android 4.1(API level 16)或更高。
    1)设备开启 Developer options 和 USB debugging。(https://developer.android.com/studio/debug/dev-options)
    2)Windows上安装 Google USB Driver。(https://developer.android.com/studio/run/win-usb)
    3)用一根USB线,把手机插到电脑上,如果有弹框,授权电脑访问手机。
    4)在终端中运行 flutter devices 来核实 flutter 识别的已连接的 Android 设备。
    默认 flutter 使用 adb 工具使用的 Android SDK 版本,如果要使用其它版本的,需要设置 $ANDROID_HOME 指定要使用的 SDK 安装的位置。

    (备注:如果没有USB,那么可以在 WiFi 下面使用 Adb 的方式;手机下载 “远程Adb” APP,打开开关需要 ROOT 权限;Windows Android Studio 的 Setting 里搜 sdk,找到 Sdk 所在目录(C:\Users\weichen\AppData\Local\Android\Sdk),在 Sdk\platform-tools\adb.exe 所在目录下编辑一个 .bat 文件,内容是手机APP上的命令如 adb connect 192.168.3.101:55555, 保存后双击运行它,运行成功后APP提示是否允许 USB 调试,确定后,在 PowerShell/Terminal 中输入 flutter devices  可以看到连接的设备, flutter doctor 检查还有没有问题 )

    (加入几个环境变量,设置 SDK 目录和方便使用 adb 命令:

      新加 ANDROID_HOME  环境变量值为 C:\Users\weichen\AppData\Local\Android\Sdk

      Path 环境变量加入新值 %ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;%ANDROID_HOME%\emulator

       重新打开 PowerShell 运行命令 adb --help 查看。

      )

 

  启动 Android 模拟器
    1)开启机器的 VM加速。(https://developer.android.com/studio/run/emulator-acceleration)
    2)启动 Android Studio > Tools > Android > AVD Manager 并选择 Create Virtual Device.
    3)选择一个设备定义并选择 Next 下一步。
    4)为想要模拟的 Android 版本选择一个或多个系统,选择 Next 下一步,建议 x86 或 x86_64。
    5)在模拟表现下,选择 Hardware - GLES 2.0 开启硬件加速。(https://developer.android.com/studio/run/emulator-acceleration)
    6)验证 AVD 配置是否正确,并点击 Finish。(https://developer.android.com/studio/run/managing-avds)
    7)在 Android 虚拟设备管理器中,点击工具栏上的 Run。 模拟器启动并显示所选操作系统版本的默认图像。

    (备注:AndroidStudio3 以上没有 Android 选项,直接 ctrl+shift+a 搜索 avd,进入 AVD Manager 照着上面设置)

 

设置编辑器 Android Studio 的 flutter 和 dart 插件:

  Files > Settings > Plugins > Browser Repositories 搜索 flutter 安装并重启编辑器。

 

测试驱动

  创建一个 APP

    File > New Flutter Project

    选择 Flutter application,Next,注意 Flutter SDK 路径就是你下载的 Flutter 的位置。

    注意 Project location。

    填写 Project name,Finish。

    

  运行 APP

    在工具栏上有一个三角形的运行按钮,点击前选择好 Device,第一次运行起来比较慢。 

    [Flutter] Windows/MacOS Flutter 环境走一遍

 

  试验热重载

    更改 lib\main.dart 里面的 Text:You have pushed the button this many times,保存查看模拟器里的更新。

 


 

MacOS Install

  下载 FlutterSDK 并解压,/xxx/flutter/bin 的路径加入到 PATH 环境变量,这样终端中可使用 flutter 命令。

  运行 flutter doctor 检测,根据提示安装 android 和 ios 要求的工具。

  安装 Android stuio,安装 flutter 插件,打开 Reference > Plugins > Browse repositories > flutter,设置参考 Windows 部分。

  安装 Xcode 9.0 以上,根据 flutter doctor 提示安装工具链。

 

Install:https://flutter.io/docs/get-started/install

  > Windows:https://flutter.io/docs/get-started/install/windows

  > MacOS:https://flutter.dev/docs/get-started/install/macos

LearnMore:https://flutter.dev/docs/get-started/learn-more

ApiReference:https://docs.flutter.io/

FlutterPackages:https://pub.dartlang.org/flutter

Link:https://www.cnblogs.com/farwish/p/10372454.html