Flutter 核心技术与实战
陈航
前美团点评高级技术专家
42432 人已学习
新⼈⾸单¥59
登录后,你可以任选4讲全文学习
课程目录
已完结/共 48 讲
Flutter 核心技术与实战
15
15
1.0x
00:00/00:00
登录|注册

01 | 预习篇 · 从0开始搭建Flutter工程环境

使用Android Studio运行Flutter项目
配置Android和iOS的集成开发环境
通过Flutter命令行运行
安装Flutter
安装Xcode
安装Android Studio
思考题
总结
运行Flutter项目
准备工作
预习:从0开始搭建Flutter工程环境

该思维导图由 AI 生成,仅供参考

你好,我是陈航。
俗话说,工欲善其事,必先利其器。任何一门新技术、新语言的学习,都需要从最基础的工程环境搭建开始,学习 Flutter 也不例外。所以,作为专栏的第一篇文章,我会与你逐一介绍 Flutter 的开发环境配置,并通过一个 Demo 为你演示 Flutter 项目是如何运行在 Andorid 和 iOS 的模拟器和真机上的。如果你已经掌握了这部分内容,那可以跳过这篇预习文章,直接开始后面内容的学习。
由于是跨平台开发,所以为了方便调试,你需要一个可以支持 Android 和 iOS 运行的操作系统,也就是 macOS,因此后面的内容主要针对的是在 macOS 系统下如何配置 Flutter 开发环境。
如果你身边没有 macOS 系统的电脑也没关系,在 Windows 或 Linux 系统上配置 Flutter 也是类似的方法,一些关键的区别我也会重点说明。但这样的话,你就只能在 Android 单平台上开发调试了。

准备工作

安装 Android Studio

Android Studio 是基于 IntelliJ IDEA 的、Google 官方的 Android 应用集成开发环境 (IDE)。
我们在官网上找到最新版(截止至本文定稿,最新版为 3.4),下载后启动安装文件,剩下的就是按照系统提示进行 SDK 的安装和工程配置工作了。
确认放弃笔记?
放弃后所记笔记将不保留。
新功能上线,你的历史笔记已初始化为私密笔记,是否一键批量公开?
批量公开的笔记不会为你同步至部落
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线
笔记
复制
AI
  • 深入了解
  • 翻译
    • 英语
    • 中文简体
    • 中文繁体
    • 法语
    • 德语
    • 日语
    • 韩语
    • 俄语
    • 西班牙语
    • 阿拉伯语
  • 解释
  • 总结

本文详细介绍了如何在macOS系统下搭建Flutter开发环境,包括安装Android Studio和Xcode,配置Flutter镜像站点的环境变量,安装Flutter SDK,并演示了在模拟器和真机中运行Flutter项目的步骤。此外,还介绍了使用Flutter命令行和Android Studio进行开发调试的方式,以及解决iOS工具链和Android Studio工程配置问题的方法。文章强调了热重载技术的重要性,以及如何通过热重载和热重启提升开发效率。总结指出,善用集成工具能够提升Flutter开发效率,而掌握工程环境的基础知识则为Flutter的学习提供了支撑。读者在搭建Flutter工程环境时,可以通过本文快速了解安装配置过程,以及在开发测试中可能遇到的环境相关问题的解决方法。

仅可试看部分内容,如需阅读全部内容,请付费购买文章所属专栏
《Flutter 核心技术与实战》
新⼈⾸单¥59
立即购买
登录 后留言

全部留言(90)

  • 最新
  • 精选
  • 蜉蝣
    第一次搞移动端的东西,搭建环境花费了些时间。成功后我把过程记录了下来,希望能帮到搭环境时遇到问题的朋友:http://youguanxinqing.xyz/index.php/archives/95/

    作者回复: 棒棒哒

    2019-07-02
    3
    16
  • Qilin Lou
    我用的VS Code写,也挺方便的

    作者回复: 是的

    2019-07-01
    3
    13
  • 国良
    Xcode用了n年,前两年开始用native script、react native做跨平台,以及后端的node js开发都是用vscode,对于android studio不慎了解,没有仔细的学习过,它比VS code好吗?

    作者回复: VS Code也挺好用的,选自己最趁手的就好

    2019-07-01
    4
  • MaO
    是不是还要装dart SDK

    作者回复: 不用,flutter自带了

    2019-10-20
    2
    2
  • Eagle~
    感觉环境配置有点简略了,忽略了安装中可能出现的问题,不如https://book.flutterchina.club/chapter1/install_flutter.html这篇文章详细。

    作者回复: 感谢你的建议。不过Flutter的依赖库比较多,开发运行环境也相对多样,加上特殊的网络限制,穷举安装过程中可能出现的各类问题也许并不现实,毕竟我们无法通过docker或者虚拟机这样的手段去把大家的开发环境完全统一,所以我更希望能够给大家讲清楚在安装过程中,每个阶段要做的事情的目的、意义和方法,这样在遇到问题时能够缩小范围,做到有章可循。通常来说,flutter doctor -v和镜像配置可以解决80%的问题,20%使用关键字搜索甄别可以基本搞定

    2019-08-07
    2
    2
  • 🌙
    在xcode上运行hello world项目提示could not find included file 'Generated.xcconfig' in search paths (in target 'Runner'),这个怎么解决?

    作者回复: flutter build ios先

    2019-07-28
    2
  • 红烧清蒸
    输入flutter emulators --launch Nexus_6P_API_27命令后报错: emulator: ERROR: Running multiple emulators with the same AVD is an experimental feature. Please use -read-only flag to enable this feature. 请问需要怎么解决

    作者回复: 同时只能启动了1个android模拟器,你把其他的模拟器全部退出再试试

    2019-07-03
    2
    2
  • 靠人品去赢
    冒个泡,win的Android studio没有这个preference的选项,安装插件要到file里面的setting中去搜索安装flutter。 据说mdp今年要改模具,不想用旧的,又不想当小白鼠,难受。

    作者回复: 用什么IDE不重要,自己用着趁手就行

    2019-08-05
    1
  • 徐云天
    我一直以为fluter是在web的基础上打包,然后andriod,ios上运行,,,,,

    作者回复: 没想到吧

    2019-07-04
    1
  • 泰山
    老师能不能提供下androidstudio 创建完flutter后,整体的界面结构的讲解呢?

    作者回复: 第5节会略带讲一些

    2019-12-09
收起评论
显示
设置
留言
90
收藏
沉浸
阅读
分享
手机端
快捷键
回顶部