如何在Mac M1芯片电脑上安装Flutter并建立自己第一个全系统应用

百度已收录   阅读次数: 595
2021-05-0519:32:58 发表评论
摘要

此前,伯衡君介绍过一套代码生成全系统的编程,全系统的意思就是可以生成Web,Android,iOS,Windows,MacOS以及Linux,没错,就是Flutter,具体可以参看下方的前情提要。前阵子忙,一直没有抽出时间研究这门编程语言,今天有时间了,就看了看,发现真的很容易学习,入门,上手,而且运行也很流畅,今天咱们一起来看看如何用Flutter撰写人生第一个全系统都能用的应用……

如何在Mac M1芯片电脑上安装Flutter并建立自己第一个全系统应用

开篇寄语

此前,伯衡君介绍过一套代码生成全系统的编程,全系统的意思就是可以生成Web,Android,iOS,Windows,MacOS以及Linux,没错,就是Flutter,具体可以参看下方的前情提要。前阵子忙,一直没有抽出时间研究这门编程语言,今天有时间了,就看了看,发现真的很容易学习,入门,上手,而且运行也很流畅,今天咱们一起来看看如何用Flutter撰写人生第一个全系统都能用的应用。

前情提要

内容详情

虽然官方指导文档对于其如何在Mac电脑上安装Flutter有相关指导,但是似乎并不详尽,尤其是在Mac M1电脑上的安装,所以这里介绍一下伯衡君我是如何安装的。

  • 打开Terminal,之后输入git clone -b beta https://github.com/flutter/flutter.git,等待SDK安装完成(如果你是在中国大陆,伊朗还有古巴这三个国家,请将互联网调成国际模式)
  • 输入export PATH=$PWD/flutter/bin:$PATH,使得flutter tools加入到路径
  • 输入flutter doctor,以下载安装上各种组件依赖,等待安装完成

以上都完成的话,那么恭喜你,你已经将Flutter SDK安装到你的MAC电脑上了,Windows也与之很类似。

接下来就是打造自己的app了,可以选择安装的编辑器有Android Studio,Xcode,VScode,Chrome等等,只需要再输入flutter doctor出现对勾,就说明成功了,如下图所示。

如何在Mac M1芯片电脑上安装Flutter并建立自己第一个全系统应用

接下来,创建咱们第一个Flutter全系统应用吧。

  • 输入flutter create my_first_app
  • 请牢记这个my_first_app路径,一会儿要用
  • 之后,键入cd my_first_app,进入这个文件夹后输入flutter run,你的第一个应用就出现在了Chrome浏览器内了,如下图所示。
如何在Mac M1芯片电脑上安装Flutter并建立自己第一个全系统应用

可以在VScode打开my_first_app这个文件夹进行代码的编辑,那就涉及到相关的Flutter相关知识了,这里就不做引述了。

如何在Mac M1芯片电脑上安装Flutter并建立自己第一个全系统应用

可以从列表中看出,已经含有Android,iOS等各种系统所包含的文件了,剩下的就是完善改编你的应用啦,这种快速创建应用的方法,极大了提高了生产力,缩短了开发时间。

分享至:
  • 我的微信
  • 微信扫一扫加好友
  • weinxin
  • 我的微信公众号
  • 扫描关注公众号
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: