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,第一次运行起来比较慢。

    

  试验热重载

    更改 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

[Flutter] Windows/MacOS Flutter 环境走一遍的更多相关文章

  1. [Flutter] Windows平台Flutter开发环境搭建(Andorid Studio)

    前两天网友在群里说起了Flutter,就了解了一下,在手机上跑了它的demo,直接就被打动了. 虽然网上有很多教程,但真正开始的时候,还是会碰到很多坑.下面详细的讲解Flutter + Android ...

  2. Flutter Windows下AndroidStudio环境搭建

    目前同类产品比较知名的有ReactNative,Flutter还有国内那家了uniapp了,流畅度理论上Flutter最快 官网:https://flutter.dev/docs/get-starte ...

  3. [Flutter] Windows桌面程序开发

    在今年5月的谷歌I/O 2019大会时, 谷歌就宣布了flutter已经支持全平台开发, 包括 android, ios, mac, linux, windows, web 等 . Flutter桌面 ...

  4. Flutter学习一之环境搭建

    MacOS上搭建Flutter开发环境 1.flutter官网下载最新的安装包,https://flutter.io/sdk-archive/#macos 2.解压安装包到你想安装的目录.直接解压或者 ...

  5. Flutter Windows 桌面端支持进入稳定版

    Flutter 创建伊始,我们就致力于打造一个能够构建精美的.可高度定制的.并且可以编译为机器码的跨平台应用解决方案,以充分发挥设备底层硬件的全部图形渲染能力.今天,Flutter 对 Windows ...

  6. AI应用开发实战 - 从零开始搭建macOS开发环境

    AI应用开发实战 - 从零开始搭建macOS开发环境 本视频配套的视频教程请访问:https://www.bilibili.com/video/av24368929/ 建议和反馈,请发送到 https ...

  7. Flutter编程:Flutter命令行的学习

    1.创建 Flutter 工程 flutter create <output directory> D:\notebook\flutter\projects\ui_tutorial\lay ...

  8. Windows 下java环境变量的配置(Windows7 ,8,8.1,10)

    Windows 下java环境变量的配置 在“系统”面板的左上角选择“高级系统设置”,在弹出的系统属性中选择”高级“项,然后点击右下角的“环境变量(N)...”,就此进入JAVA环境变量的配置. 如果 ...

  9. 在Windows下设置环境变量 运行mysql程序变得更容易

    在Windows下设置环境变量,点开始菜单,右键单击我的电脑--属性--高级--环境变量 可以看到PATH的变量是这样的: C:\WINDOWS;C:\WINDOWS\COMMAND   为了让运行m ...

随机推荐

  1. 我发起并创立了一个 Javascript 前端库 开源项目 jWebForm

    在线演示地址: ( 在线演示 云平台 由 Kooboo 提供  https://www.kooboo.com/ ) 按钮:      http://iwebform.kgeking.kooboo.si ...

  2. C putchar() 和 getchar()

    C 库函数 int getchar(void)   从 终端输入获取一个字符 : 返回值:该函数以无符号 char 强制转换为 int 的形式返回读取的字符,如果到达文件末尾或发生读错误,则返回 EO ...

  3. Day 18 常用模块(二)

    一.随机数:RANDOM 1.(0,1)小数:random.random() 2.[1,10]整数:random.randint(1,10) 3.[1,10)整数:random.randrang(1, ...

  4. Linux下的快捷键

    1:tab 键 命令补全 路径补全 2:Ctrl+C    命令的中止 3:Ctrl+D     退出当前的会话  exit   logout 4:Ctrl+l      clear  清屏    5 ...

  5. springBoot和c3p0的整合

    首先创建c3p0的数据源类 package com.example.demo.config; import javax.sql.DataSource; import org.mybatis.sprin ...

  6. python初识,变量,条件判断语句,基本数据类型,while循环语句

    python文件后缀可以是任意,但是导入模块时不用.py后缀时会报错 python文件的两种执行方式: python解释器 python文件路径 进入python解释权,事实获取执行结果 在Linux ...

  7. hive动态分区问题--分区为中文

    报错如下: Loading data to table data_da.tmp_wlw_test partition (stat_date=2017-05-11, business_type_name ...

  8. 记录一次 “ORA-12516:TNS:监听程序找不到符合协议堆栈要求的可用处理程序” 的处理过程

    一.今天同事反馈业务化运行的数据中心库发生了oracle无法连接的情况,导致所有业务系统无法正常运作的问题.报:“ORA-12516:TNS:监听程序找不到符合协议堆栈要求的可用处理程序” 二.收到这 ...

  9. Vue 表格里的下拉列表

    下拉列表column-select.vue组件内容: <template> <div class="column-select-wrapper"> < ...

  10. supergridcontrol记录,分页

    sqlserver分页记录 select top 50 DengJiBH,sSuoYouQuanShenQingRen,sZuoLuo,sQiuHao,sQuanHao,ChaXun_BianHao, ...