资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

立即前往
首页/文章专栏/1.Flutter开发工具准备与开发环境搭建

1.Flutter开发工具准备与开发环境搭建

2450184176 / 2394人阅读

摘要：选择硬件配置文件，然后点击。如果您未看到自己所需的硬件配置文件，您可以创建或导入一个硬件配置文件。该命令检查您的环境并在终端窗口中显示报告。

一、Android Studio安装

1.系统要求

2. 安装Android Studio

3.为了Android Studio 安装Flutter和Dart插件3 

二、Android开发环境配置 

1.安装Android模拟

（1） 创建AVD

（2）开启硬件加速

 （3）无法启动模拟器

2.Android开发环境配置

三、设置Flutter相关配置

1.设置Flutter镜像（非必须）

 2.获取Flutter SDK

 3.设置环境变量

4.运行 flutter doctor 

处理上面的问题 

四、创建flutter项目

1.使用Android Studio创建

2.使用命令创建Flutter项目

一、Android Studio安装

1.系统要求

操作系统Window 7 SP1或者更新系统

磁盘空间：400MB

工具：Flutter 依赖下面这些命令行工具：

  • Window PowerShell 5.0 Window 10 已经预装了这个工具；
  • Git工具        

2. 安装Android Studio

Android Studio 下载

Android Studio 谷歌镜像

Android Studio 开发文档

建议（别问）打开Android Studio 谷歌镜像下载`Android Studio downloads`大标题下面的**Windows**

3.为了Android Studio 安装Flutter和Dart插件3 

  • 打开Android Studio
  • 打开Preferences > Plugins(macOS),File > Settings > Plugins (Window & Linux)
  • 选择 Browse repositories, 搜索Flutter plugin然后点击安装

二、Android开发环境配置 

参考文档,文献目录【编译和运行您的应用】

Android模拟器配置






1.安装Android模拟

（1） 创建AVD

 如需新建 AVD，请按以下步骤操作：

1.依次点击 Tools > AVD Manager 以打开 AVD 管理器。 

2.点击 AVD Manager 对话框底部的 Create Virtual Device。 

    系统会显示 Select Hardware 页面。

3.选择硬件配置文件，然后点击 Next。

    如果您未看到自己所需的硬件配置文件，您可以创建或导入一个硬件配置文件。

    系统会显示 System Image 页面。

4.选择针对特定 API 级别的系统映像，然后点击 Next。

5.根据需要更改 AVD 属性，然后点击 Finish。

    点击 Show Advanced Settings 以显示更多设置，如皮肤。

    新的 AVD 会显示在 Your Virtual Devices 页面或 Select Deployment Target 对话框中。

（2）开启硬件加速

一般创建模拟器的时候最后一步是默认硬件加速的

在 AVD Manager 中配置图形加速

要为 AVD 配置图形加速，请按以下步骤操作：

  • 打开 [AVD 管理器](https://developer.android.google.cn/studio/run/managing-avds#viewing)。  
  • 创建新的 AVD 或修改现有的 AVD。
  • 在 [Verify Configuration](https://developer.android.google.cn/studio/run/managing-avds#verifyconfigpage) 页面上，找到 Emulated Performance 部分。
  • 为 Graphics 选项选择一个值。
  •  点击 Finish。

 （3）无法启动模拟器

代码如下（示例）： 

emulator: ERROR: x86 emulation currently requires hardware acceleration! Please ensure Windows Hypervisor Platform (WHPX) is properly install and usable.CPU acceleration status: HAXM is not installed on this machine.

解决方案：选择Tools>SDK Manager>SDK Tools, 安装HAXM即可

2.Android开发环境配置

系统环境变量中添加

ANDROID_HOME=C:/Users/kevin/AppData/Local/Android/Sdk%ANDROID_HOME%/emulator%ANDROID_HOME%/tools%ANDROID_HOME%/platform-tool

三、设置Flutter相关配置

下面配置文档摘要于：Flutter中文网

1.设置Flutter镜像（非必须）

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

1、计算机 -> 属性 -> 高级系统设置-> 环境变量，打开环境变量设置框。

2、在用户变量下，选择新建环境变量，添加如下的两个环境变量和值：

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

注意：此镜像为临时镜像，并不能保证一直可用，大家可以从Using Flutter in China上获取有关镜像服务器的最新动态

 2.获取Flutter SDK

1.点击Flutter官网下载最新的可用安装包

2.解压安装包到你想安装的目录，如：D:/Android/flutter

   注意，不要讲flutter安装到需要一些高级权限的路径如`C:/Program Files/`等。

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

接下来，你就可以在Flutter命令行运行flutter命令了

 3.设置环境变量

要在终端运行flutter命令，你需要在Window的`环境变量`>`用户变量`添加一下环境变量到系统`Path`:

  • 如果该条目存在，追加D:/Android/flutter/bin的全路径，使用;作为分隔符号；
  • 反之没用该条目进行创建
  • 在“用户变量”下检查是否有名为”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的条目，如果没有，也添加它们。

4.运行 flutter doctor 

在命令提示符或PowerShell窗口中运行此命令。目前，Flutter不支持像Git Bash这样的第三方shell。

 flutter doctor

该命令检查您的环境并在终端窗口中显示报告。Dart SDK已经在捆绑在Flutter里了，没有必要多带带安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务（以粗体显示）

例如: 安装配置成功的`[√]`,失败有问题的会`X`

[√] Flutter (Channel stable, 2.5.1, on Microsoft Windows [Version 10.0.19041.1237], locale zh-CN)[!] Android toolchain - develop for Android devices (Android SDK version 31.0.0)    X cmdline-tools component is missing # 缺少cmdline-tools组件      Run `path/to/sdkmanager --install "cmdline-tools;latest"`      See https://developer.android.com/studio/command-line for more details.    X Android license status unknown. # Android license status unknown      Run `flutter doctor --android-licenses` to accept the SDK licenses.      See https://flutter.dev/docs/get-started/install/windows#android-setup for more details.[√] Chrome - develop for the web[√] Android Studio (version 2020.3)[√] Connected device (1 available)

处理上面的问题 

参考文档

1.打开Android Studio软件，Tools> SDK Manager

2.Android SDK > SDK Tools> 然后勾选Android SDK Command-line Tools(latest)并下载安装。

3.控制台运行flutter doctor --android-licenses然后一路yyyy（yyds）

四、创建flutter项目

以上流程都走完了，就可以创建一个项目了

1.使用Android Studio创建

file > New > New flutter Probjet

2.使用命令创建Flutter项目

flutter create my_app
云服务器 GPU云服务器 搭建开发环境 开发环境搭建 安卓开发环境搭建 前端开发环境搭建

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/121221.html

相关文章

  • Flutter基础（二）Flutter最新开发环境搭建和Hello World

    摘要：注释处的方法是程序的入口，使用了符号，这是中单行函数或方法的简写，等价于如下代码方法是框架的入口，如果不返回方法，那么执行的是一个控制台应用。 本文首发于微信公众号「刘望舒」 前言 最近的Google I/O大会上，Flutter1.5 开始支持移动、Web、桌面和嵌入式设备，从不温不火的sky一直进化到如今热门的Flutter，Flutter的发展已经超出很多人的想象。我对跨平台技术一...

    tuomao 评论0 收藏0

  • Flutter是跨平台开发终极之选吗？Android开发该如何快速上手Flutter？

    摘要：月日，谷歌正式发布了的。到底能不能成为跨平台开发终极之选是基于前端诞生的，但是对前端开发来说，的环境配置很麻烦，需要原生的平台知识，还要担心遇上网络问题。现在已经不是曾经的小众框架，这两年里它已经逐步成长为主流的跨平台开发框架之一。 ...

    luckyyulin 评论0 收藏0

  • Android程序员完全没时间提升自己怎么办？

    摘要：昨天有个小学弟给我发来微信，说他现在有点后悔选择开发了，月月光不说，还加班特别严重，平时也没有属于自己的时间去学习，问我刚毕业的时候是不是这样。每天回到出租屋都是倒头就睡，非常累，也没有其他时间提升自己的技术。 昨天有个小学弟给我发来微信，说他现在有点后悔选择Android开发了，月月光不说...

    kohoh_ 评论0 收藏0

  • Android程序员到底有多累，多辛苦？

    摘要：其实，这种时候，需要做的是马上买空气净化器，任何一款都好，哪怕是净化能力差一点的，也能解决当前的主要问题，更好的净化器带给你的净化效果的提升，不过是多一点边际收益。 前言 说到底，是自己的选择问题。 三百六十行，哪行容易？ 但关键是自己的心态，如果工作成了你的负担和困扰，你得有跳出来的...

    adam1q84 评论0 收藏0

  • 30 岁的安卓程序员还有出路吗，应该怎么规划？

    摘要：在舒伯的生涯阶段里有个确立阶段，岁岁。知识技术安卓程序员需要掌握编程语言应用框架开发工具等这些具体的知识和技术。技术能力与阅历对安卓程序员来讲，知识技术是一方面，是容易习得的，是较浅的层面。 大龄程序员的界定 老早网上有人说，安卓开发干不过30岁，后来又有人说干不过35岁，后来又有人说干不过...

    不知名网友 评论0 收藏0

发表评论

登陆后可评论

0条评论

2450184176

男|高级讲师
我要私信

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<