• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

【Flutter从0到1开发APP】番茄计时APP:环境搭建

武飞扬头像
正经程序员
帮助35

前言

家里有两套设备Window10和macOS,因为开发这个项目时间可能比较零碎,主要还是用Mac本,就先在Mac上装了环境,Windows主机等后面开发Windows端时在装,下面是需要安装的内容。

Mac可以开发iOS,Android,Web,MacOS(flutter3)这几个平台的Flutter应用。

官方给出的开发环境最低要求

  • 操作系统:macOS(没有具体版本要求)

  • 磁盘空间:2.8G的空闲空间(不包含IDE或其余工具所需要的磁盘空间)

  • 工具:Flutter 使用git进行安装和升级,需要装git。

提示:如果你用的是 Apple 芯片(m1等)的 Mac 电脑,你还需要安装 Rosetta 2 环境,你可以通过手动运行下面的命令来安装: $sudo softwareupdate --install-rosetta--agree-to-license。

我用的是intel芯片,所以不需要装这个。

CA0D3227-23D3-40CA-8CC8-46688215B29B.png

xcode和android studio都是吃存储大户,之前升级系统,都让我卸载了,看下装完占用了多少。

开始安装 Flutter SDK

1.下载安装包

intel版本:storage.flutter-io.cn/flutter_inf…

apple版本:storage.flutter-io.cn/flutter_inf…

2.解压到目标路径

cd ~/development

unzip ~/Downloads/flutter_macos_3.0.1-stable.zip

3.配置PATH环境变量(只对当前窗口生效)

export PATH="$PATH:pwd/flutter/bin"

运行 flutter doctor 命令

通过运行以下命令来查看当前环境是否需要安装其他的依赖:flutter doctor

F3F9059F-916C-4EFF-A2F2-6F07D83DE00F.png

Android Studio安装

下载地址:developer.android.google.cn/studio

BADE6750-6094-42B5-9364-35CBD719EA11.png

Xcode安装

AppStore 安装:看到这个大小,好家伙,不愧是Apple。

B62BE902-5484-4927-8385-EAEB11169F62.png

安装完成Xcode和Android Studio执行后继续执行:flutter doctor,看看有没有漏依赖,所有依赖装完,接下来可以正式写项目了。

关于代码编辑器

Xcode和Android Studio用来预览App,写代码推荐使用VSCode,装上Flutter即可。

image.png

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanfbeef
系列文章
更多 icon
同类精品
更多 icon
继续加载