IDE

  • AS(Android Studio)※

Android开发工具,生成apk必须安装的工具。

  • Xcode ※

iOS开发工具,生成iOS应用必须安装工具。

  • idea (IntelliJ IDEA)

同Android Studio。

  • vs code(Visual Studio Code)

轻便开发工具。

SDK

SDK下载

Flutter SDK可在官方网站、中文网和GitHub下载。
Flutter官方网站官方网站SDK下载
Flutter中文网中文网SDK下载
GitHubhttps://github.com/flutter/flutter

Flutter SDK 版本重大区别介绍

  • 2.0.0以下

不支持空安全

  • 2.0.0至2.2.0

可选空安全

  • 2.2.0及以上

强制空安全

安装与配置

Windows

  1. 将压缩包解压,然后把其中的 flutter 目录整个放在你想放置 Flutter SDK 的路径中(例如 C:\src\flutter)。请勿将 Flutter 安装在需要高权限的文件夹内,例如 C:\Program Files\。
  2. 配置环境变量

“我的电脑(右键)>高级系统设置>环境变量”
镜像:

  1. 在“用户变量”下检查是否有名为”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的条目,如果没有,添加它们。值如下:
  2. PUB_HOSTED_URL=https://pub.flutter-io.cn
  3. FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

Flutter:

  1. 在“用户变量”下检查是否有名为“Path”的条目:
  2. 如果该条目存在, 追加 flutter\bin的全路径,使用 ; 作为分隔符.
  3. 如果条目不存在, 创建一个新用户变量 Path ,然后将 flutter\bin的全路径作为它的值.
  1. 运行

在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动Flutter命令行,激活一下

Windows配置参考:在Windows上搭建Flutter开发环境

Mac

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

    1. cd ~/development
    2. unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip
  2. 添加flutter相关工具到path中 ```java export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

export PATH=pwd/flutter/bin:$PATH

  1. Mac配置参考:[在macOS上搭建Flutter开发环境](https://flutterchina.club/setup-macos/)
  2. 配置汇总(Windows)<br />![](https://cdn.nlark.com/yuque/0/2021/jpeg/20368521/1640085945086-fd9d3299-d2c2-4f9d-89f4-359d2aa195c0.jpeg)
  3. <a name="OfdIc"></a>
  4. #### Flutter配置
  5. 在命令提示符或PowerShell窗口中运行 flutter doctor,检查Flutter环境。<br />使用AndroidSDk需要授权,在窗口中输入下列命令授权,一阵同意(Y/y):

flutter doctor —android-licenses

  1. <a name="pMCnw"></a>
  2. ## Plugin安装(IDE插件)
  3. 在Android Studio或VS Code中下载插件,搜索Flutter,一般来说下载Flutter插件会同时下载Dart插件,如果没有没有一同下载,需要单独下载。
  4. <a name="mpvuT"></a>
  5. ## 扩展
  6. <a name="Ai9q7"></a>
  7. ### Android模拟器连接
  8. 新建项目后可能存在Android模拟器连接不上的情况,可使用下列命令配置:
  9. ```java
  10. flutter config --android-sdk 自己的android sdk路径

配置好后重启IDE即可。

FVM

FVM是一款Flutter版本管理工具,通过FVM可以在同一个设备中使用多个Flutter版本而不用更改用户配置。
GitHub地址:https://github.com/leoafarias/fvm
使用文档:https://fvm.app/docs/getting_started/overview

安装FVM

  1. 使用pub安装

    1. dart pub global activate fvm
  2. 单独安装

  • mac

    1. brew tap leoafarias/fvm
    2. brew install fvm
  • windows

    1. choco install fvm

安装FlutterSDK

  1. Usage:
  2. fvm install - # Installs version found in project config
  3. fvm install {version} - # Installs specific version
  4. Option:
  5. -h, --help Print this usage information.
  6. -s, --skip-setup Skips Flutter setup after install

使用FlutterSDK

  1. Usage:
  2. fvm use {version}
  3. Option:
  4. -h, --help Print this usage information.
  5. -f, --force Skips Flutter project checks.
  6. -p, --pin Pins latest release channel instead of channel itself.
  7. --flavor Sets version for a project flavor

卸载FlutterSDK

  1. Usage:
  2. fvm remove {version}
  3. Option:
  4. -h, --help Print this usage information.
  5. --force Skips version global check.