Flutter移动开发系列教程-搭建Flutter开发环境

Flutter入门教程:从零开始的Flutter开发指南 Flutter是由Google开发的一个开源UI框架,它使用Dart语言编写,并且可以用来快速构建跨平台移动应用程序,支持iOS和Android两大主流移动操作系统。Flutter的优势在于可以使用一套代码库同时开发iOS、Android和Web等不同平台的应用,同时具有较高的开发效率和灵活的定制能力。Flutter的界面是由各种Widget组成的,每个Widget负责界面的一部分。Flutter是一个强大的跨平台开发框架,支持从简单的UI到复杂应用的开发 阅读详情

安装Flutter

工欲善其事必先利其器,本节首先会分别介绍一下在Windows和macOS下Flutter SDK的安装,然后再介绍一下配IDE和模拟器的使用。

搭建Flutter开发环境

由于Flutter会同时构建Android和IOS两个平台的发布包,所以Flutter同时依赖Android SDK和iOS SDK,在安装Flutter时也需要安装响应平台的构建工具和SDK。下面我们分别介绍一下Windows和macOS下的环境搭建。

使用镜像

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

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

注意: 此镜像为临时镜像,并不能保证一直可用,读者可以参考https://flutter.io/community/china 以获得有关镜像服务器的最新动态。

在Windows上搭建Flutter开发环境

系统要求

要安装并运行Flutter,您的开发环境必须满足以下最低要求:

  • 操作系统: Windows 7 或更高版本 (64-bit)

  • 磁盘空间: 400 MB (不包括Android Studio的磁盘空间).

  • 工具: Flutter 依赖下面这些命令行工具.

    如果已安装Git for Windows,请确保可以在命令提示符或PowerShell中运行 git 命令

获取Flutter SDK

  1. 去flutter官网下载其最新可用的安装包,官网地址:https://flutter.io/sdk-archive/#windows

    image-20180820142229086

注意,Flutter的渠道版本会不停变动,请以Flutter官网为准。另外,在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要翻墙,读者也可以去Flutter github项目下去下载安装包,地址:https://github.com/flutter/flutter/releases 。

  1. 将安装包zip解压到你想安装Flutter SDK的路径(如:C:\src\flutter;注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\)。

  2. 在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。

更新环境变量

如果你想在Windows系统自带命令行(而不是)运行flutter命令,需要添加以下环境变量到用户PATH:

  • 转到 “控制面板>用户帐户>用户帐户>更改我的环境变量”
  • 在“用户变量”下检查是否有名为“Path”的条目:
    • 如果该条目存在, 追加 flutter\bin的全路径,使用 ; 作为分隔符.
    • 如果该条目不存在,创建一个新用户变量 Path ,然后将 flutter\bin 的全路径作为它的值.

重启Windows以应用此更改.

运行 flutter doctor命令

在Flutter命令行运行如下命令来查看是否还需要安装其它依赖,如果需要,安装它们:

flutter doctor

该命令检查你的环境并在命令行窗口中显示报告。Dart SDK已经在打包在Flutter SDK里了,没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务。

例如:

[-] Android toolchain - develop for Android devices
    • Android SDK at D:\Android\sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.io/setup/#android-setup for detaile
Flutter开发环境搭建Android Studio创建Flutter Project 阅读详情

相关推荐

iOS开发 超详细Flutter开发环境搭建

针对iOS flutter开发环境配置,针对flutter小白的一篇文章

weixin_40847622的博客 4020

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

MacOS Install   下载 FlutterSDK 并解压,/xxx/flutter/bin 的路径加入到 PATH 环境变量,这样终端中可使用 flutter 命令。   运行 `flutter doctor` 检测,根据提示安装 android 和 ios 要求的工具。   安装 Android stuio,安装 flutter 插件,打开 Reference &...

dilunzhuang0924的博客 257

Flutter移动开发系列教程

原生开发与跨平台技术 原生开发 原生应用程序是指某一个移动平台(比如iOS或安卓)所特有的应用,使用相应平台支持的开发工具和语言,并直接调用系统提供的SDK API。比如Android原生应用就是指使用Java或Kotlin语言直接调用Android SDK开发的应用程序;而iOS原生应用就是指通过Objective-C或Swift语言直接调用iOS SDK开发的应用程序。原生开发有以下主要优...

Horace 1517

Flutter安装最详细的教程Android studio)

本文假设你已经知道Android开发是什么,且已安装git、Android sdk、jdk等必要的环境 1.安装flutter插件 2.安装dart 3下载flutter sdk 去flutter官网下载其最新可用的安装包,点击下载; 注意,Flutter的渠道版本会不停变动,请以Flutter官网为准。另外,在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要翻墙,读者也可以去Flutter github项目下去下载安装包。 将安装包zip解压到你想安装Flutter..

doublelixin的博客 3万+

Flutter安装入门教程

前言 Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。 我本人也是非常安好Flutter,所以也进入到了Flutter学习行列啦,今天主要讲一下Flutter安装,具体包括: Flutter需要配置的工具 Flutter SDK下载 Flutter环境变量的配置 插件安装(Fultter与Dart) 创建一个F

Li_11280的博客 1644

Windows flutter 安装教程

以防原网页被删除,下面是页面快照。

Lovely_Qiqi的博客 96

Flutter入门环境搭建及hello_flutter

0.效果概念性的东西我不太会扯,先给一个Fullter开发调试时的效果,让你3秒钟爱上ta1.系统环境搭建    所需基础工具:git,Android Studio,  IntelliJ IDE,这些的下载安装就不啰嗦了。    安装Flutter ,win+R cmd 输入git clone https://github.com/flutter/flutter.git    配置环境变量,如下图...

性能优化不仅是技术活,更是细致活。若你在帧率、功耗或包体积上遇到棘手问题,欢迎通过站内信与我建立技术连接,很乐意分享我的诊断思路 4884

吐血教程搭建Flutter开发环境

Flutter 1.9的发布标志着跨平台开发的进一步成熟,尤其是Flutter web的支持,使得开发者能够使用同一套代码为移动端、桌面端和网页端开发应用。通过本文的详细教程,你可以轻松搭建Flutter开发环境,并编写你的第一个Flutter程序。同时,借助Appuploader,iOS应用的发布流程也将变得更加简单高效。

2501_91087985的博客 1717

后端程序员的多栈之路:Flutter 开发环境搭建

如果你已经有了 Flutter开发环境,可以跳过本篇。先声明一点: Flutter 虽然可以开发 Windows、Linux、Macos、Android、iOS 、web 六大主流平台的应用程序。但作为初学者,最好先在一端上学习 Flutter 的基础知识,不用过分追逐在每个平台上都跑一遍。对于编程的新手朋友,我比较建议先在 Android 平台学习,首先 Android 真机设备或模拟器的门槛比较低,只需要一个 windows 电脑就可以了,而 iOS 应用需要 Mac 笔记本才能开发

u013990233的博客 1637

Flutter开发环境搭建

Flutter是Google推出的一款是移动端跨平台开发框架,使用Dart语言编写,一套代码即可同时在Android和iOS平台运行开发高性能、高质量的原生应用。想要学习使用Flutter,首先需要先搭建相关的开发环境。下面就来详细介绍下Flutter开发环境搭建。 1. 下载安装Flutter SDK 1)去Flutter官网选择最新的安装包 点击下载(https://flutter.dev/docs/development/tools/sdk/releases#windows); 如果不能正常下.

tianhongfan10106的专栏 2967

Flutter开发系列教程

flutter Developers Demo 不定期分享Flutter开发资讯与教程 文章地址https://github.com/flyou/flutter_demo 本人时间有限,并不能保证定期更新,但是不定期更新是肯定的。 能力有限,也不能保证写的都是对的,如有错误,请海涵指正。 文章全部手敲,不保证没有错别字,如有错别字请谅解,我不会改的。 目录 2018.01.01 Flutter是什...

flyou 3036

从 0 到 1 搭建 Flutter 开发环境:Windows+Android

Flutter 是谷歌公司开发的一款开源、免费的跨平台应用开发框架。它的出现,让开发者能够使用一套代码库,同时构建出适用于多种平台的应用,包括手机、桌面、网页等。从 Flutter 3.x 版本开始,其支持的平台更是进一步扩展,涵盖了安卓、iOS、Web、Windows、Mac OS 以及 Linux。跨平台性:一套代码,多平台运行,大大减少了开发成本和时间。高性能:采用 Dart 语言,拥有出色的执行效率,能够实现流畅的用户体验。稳定性。

m0_57836225的博客 3027

flutter 环境搭建

Flutter 是谷歌开发的一款开源、免费的,基于 Dart 语言的U1框架,可以快速在i0S和Android上构建高质量的原生应用。它最大的特点就是跨平台和高性能。Dart是由谷歌,在2011 年开发的计算机编程语言,它可以被用于Web、服务器、移动应用和物联网等多个领域。号称要取代JavaScript.

woyebuzhidao321的博客 1万+

Flutter开发之——macOS上搭建Flutter开发环境android开发环境搭建实验报心得

二 macOS上镜像配置 2.1 为何配置镜像 由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发搭建了临时镜像 2.2 如何配置镜像 打开/Users/zxc下的.bash_profile文件(如果没有请先创建) export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 三 获取Flutter SDK 3.1 .

m0_66264798的博客 1957

Flutter开发实战之环境搭建与工具链

Flutter环境搭建与工具链

一声雷 3014

Flutter(一)——认识Flutter以及搭建开发环境

本文目录什么是FlutterFlutter开发优势对比其他技术Android Studio搭建Flutter开发环境VSCode搭建Flutter开发环境 什么是Flutter Flutter是谷歌新推出的一套跨平台的,开源UI框架,同时支持Android与IOS开发,对于以前需要用两种语言分别开发IOS,Android程序与来说,无疑简单了许多。而且Flutter是未来新操作系统Fuchsia的...

李元静 1万+

Android Studio以及VS Code 的 Flutter开发环境搭建以及简单用法

FlutterFlutter框架结构跨平台自绘引擎Flutter FrameworkFlutter Engine搭建Flutter开发环境获取Flutter SDK更新 Path 环境变量运行 flutter doctor 命令搭建Android Studio开发环境安装Flutter及Dart插件创建应用运行项目搭建VS Code开发环境安装Flutter及Dart插件通过 Flutter Do...

睡客的博客 2689

不用Android Studio,基于 IDEA 搭建 flutter开发环境

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

qq_30558369的博客 6249
上一篇: Flutter移动开发系列教程-初识Flutter篇
下一篇: C语言基础及指针⑥字符操作
疯狂的程序员丶
博客等级 码龄11年 106粉丝 91原创
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值