Flutter 简介
构建漂亮的、本机编译的应用程序 移动 、 Web 和 桌面 从单个代码库 它很容易学习,目前它越来越受欢迎。 通过这篇博文,您将了解一些有关 Flutter 的基本知识,阅读后,您将能够使用该技术创建一个简单的应用程序。
单击此处 查看有关颤振的更多详细信息。
工具和设置
先决条件
- Flutter & Dart SDK (我们使用了 Flutter 1.20 版本)
- 任何人 IDE Android Studio (推荐)、 Visual Studio Code 或 IntelliJ IDEA
- 要编辑此项目,您必须在计算机上成功安装和配置 Flutter 和 Dart。
- 设置你的编辑器——安装 Flutter 和 Dart 插件 。
- 如果您已经安装并配置了 Android SDK,要安装 Flutter,您只需:
- 从官网下载 Flutter SDK 并解压。
- 将先前提取的 SDK 的路径添加到 PATH 变量中
- 运行 flutter doctor 工具检查是否一切配置正确。
- 以上所有步骤都在这里提到: https
基本安装
重要的:
选择您的平台并按照步骤构建和运行应用程序。
如何在 Android Studio - Windows 中设置 Flutter
- 下载 Android Studio – https://developer.android.com/studio/
- 获取 Flutter SDK – https://flutter.dev/docs/get-started/install
- 了解更多关于 Android Studio - https://developer.android.com/studio/intro/
第 1 步:获取 Flutter SDK
1 下载以下安装包以获取 Flutter SDK 的最新稳定版本:
2 解压 zip 文件并将包含 不要 的 Flutter 放在 Flutter SDK 所需的安装位置(例如 C:srcflutter; 将 Flutter 安装在 C:Program Files 需要提升权限
第 2 步:更新您的路径
如果您希望在常规 Windows 控制台中运行 Flutter 命令,请按照以下步骤将 Flutter 添加到 PATH 环境变量中:
在开始搜索栏中,输入“env”并 为您的帐户选择编辑环境变量。
在 用户变量 检查是否有一个名为 Path 的条目:
- 如果该条目存在,则 flutterin 使用 ; 作为现有值的分隔符。
- 如果该条目不存在,则创建一个名为 Path 的新用户变量,并将 flutterin 作为其值。
重要的:
请注意,您必须关闭并重新打开任何现有控制台窗口才能使这些更改生效。
您现在可以在 Flutter 控制台中运行 Flutter 命令了!
第 3 步:运行颤振医生
从路径中有 Flutter 目录的控制台窗口(见上文),运行以下命令以查看是否有任何平台依赖项需要完成设置:
C:srcflutter>flutter 医生
如果您在环境设置过程中发现任何问题,请在线 点击这里
如何在 Android Studio – macOS 中设置 Flutter
- 下载 Android Studio – https://developer.android.com/studio/
- 下载 Xcode – https://apps.apple.com/us/app/xcode/id497799835?mt=12
- 获取 Flutter SDK – https://flutter.dev/docs/get-started/install
- 了解更多关于 Android Studio - https://developer.android.com/studio/intro/
第 1 步:获取 Flutter SDK
1 下载以下安装包以获取 Flutter SDK 的最新稳定版本:
2 下载SDK并解压下载的文件,双击即可。 只需复制提取的文件夹并将其粘贴到您想要的位置(例如 Documentsflutter )。
第 2 步:更新您的路径
重要的:
需要更新路径变量才能从终端访问“flutter”命令。 您只能更新当前终端窗口的路径变量。 如果您想从终端的任何位置访问颤振命令,我们需要永久更新 SDK 路径。
要更新 PATH 变量,我们需要打开终端。
要仅更新当前终端窗口的 PATH 变量,请输入此命令 “export PATH=”$PATH:`pwd`/flutter/bin” 并按回车键。
要永久更新 PATH 变量,然后打开或创建 .bash_profile 文件。 打开或创建该文件,然后输入 “sudo open -e $HOME/.bash_profile” 并按回车键。
将以下行附加到所有其他内容底部的 bash_profile 文件。 “export PATH=”$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin”” as [PATH_TO_FLUTTER_GIT_DIRECTORY] 是 SDK 文件夹的实际路径。
上运行此命令 “source $HOME/.bash_profile” 以刷新 PATH 变量。
然后检查我们的SDK是否安装成功。
您现在可以在 Flutter 控制台中运行 Flutter 命令了!
运行 “flutter doctor” ,如果你得到了flutter sdk要求的检查列表,这意味着你的机器上已经成功安装了SDK。 然后你就可以开始在你的机器上构建 Flutter 应用了。
如果您在macos环境设置过程中发现任何问题,请在线 点击这里
如何在 Android Studio - Linux 中设置 Flutter
- 下载 Android Studio – https://developer.android.com/studio
- 获取 Flutter SDK – https://flutter.dev/docs/get-started/install/linux
- 了解更多关于 Android Studio - https://developer.android.com/studio/intro/
第 1 步:获取 Flutter SDK
1 下载以下安装包以获取 Flutter SDK 的最新稳定版本:
2 下载SDK并解压下载的文件,双击即可。 只需复制提取的文件夹并将其粘贴到您想要的位置(例如,Documentsflutter)。
第 2 步:更新您的路径
重要的:
需要更新路径变量才能从终端访问“flutter”命令。 您只能更新当前终端窗口的路径变量。 如果您想从终端的任何位置访问颤振命令,我们需要永久更新 SDK 路径。
您可能希望永久更新此变量,因此您可以运行 flutter
任何终端会话中的命令。 要更新 PATH 变量,我们需要打开终端。
export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"
- 跑
source $HOME/.
刷新当前窗口,或打开一个新的终端窗口以自动获取文件。 - 验证
flutter/bin
通过运行,目录现在位于您的 PATH 中:
echo $PATH
验证 flutter
可通过运行以下命令获得:
which flutter
您现在可以在 Flutter 控制台中运行 Flutter 命令了!