Mac版最详细的Flutter开发环境搭建

上周任务不多,闲来无事想学习一下flutter耍一耍,发现flutter的环境搭建步骤还是很繁琐的,官 的搭建教程只是按步骤让你进行操作,中间出现的问题完全没有提及,对我这种没搞过原生开发的小白来说超级不友好。而 上很多相关博客教程,感觉不够详细,许多环境搭建过程中的坑确实是提到了,但解决的办法写的比较笼统,在此我将本次环境搭建锁遇到的各种奇奇怪怪的问题一一汇总,争取结合各路大神的博客加上自己实际遇到的问题整理出一篇超级实用且详细的教程,让童鞋们在学习flutter的路上少走弯路,让你的起跑顺畅起来,大神们请指正或忽略。

系统环境要求

Flutter是相对新出的框架,对系统有一定的要求。

  • 操作系统: macOS (64-bit)

  • 磁盘空间: 700 MB (不包括Xcode或Android Studio的磁盘空间,ps:Xcode大概6个G,学习的情况下可以2选一)

  • 软件 Xcode、Android studio、VsCode

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

    • bash, mkdir, rm, git, curl, unzip, which

    • brew 是 Mac 下的一个包管理工具,类似于 centos 下的 yum,可以很方便地进行安装/卸载/更新各种软件包,例如:nodejs, elasticsearch, kibana, mysql, mongodb 等等,可以用来快速搭建各种本地环境,程序员必备工具,很多Mac都没有安装brew,但它在环境搭建中有着超级大的作用,所以没有的童鞋先去安装brew,教程:学习安装brew

下载Flutter SDK

两种方式:官 下载和github下载

  • flutter官 下载地址点击进入

  • 在国内因为中所周知的原因,要想正常获取安装包列表或下载安装包,可能需要翻墙,大家也可以去Flutter github项目下去下载安装包,转到下载页

  • 懒癌患者可以直接点击本链接下载,随着版本的升级此链接可能会失效:点击直接下载

将下载好的sdk保存后解压。

  • 如果已经安装了解压软件可以直接解压

  • 或者在命令行使用unzip进行解压

  • 例如:

  • 记住解压后的文件路径,接下来要用到。

配置环境变量和镜像

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

如何更改环境变量p>

  1. 使用快捷键Command+R(或者Windows键+R),或者直接点击Launchpad,进入Launchpad,点击其他这个工具集合,选择终端(或者terminal),进入命令行工具。

  2. 输入:,按回车执行命令查看当前变量值。

  3. 输入:,按回车输入密码后用vi打开用户目录下的bash_profile文件。一定要用sudo,否则没权限保存文件。

  4. http proxy server这里填写:mirrors.neusoft.edu.cn (感谢东软搭建国内的镜像服务器,为广大程序员造福无数)

  5. 端口填写80,然后把Force https:// 前的勾勾上

  6. mac顶部菜单Tools->Manage Add-on Site

    平台设置

    macOS支持为iOS和Android开发Flutter应用程序。现在完成两个平台设置步骤中的至少一个,以便能够构建并运行你的第一个Flutter应用程序

    iOS 设置 点击前往教程

    Android 设置 点击前往教程

    Mac版最详细的Flutter开发环境搭建

    声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2019年6月1日
下一篇 2019年6月1日

相关推荐