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官网下载地址点击进入

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

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

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

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

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

例如:

cd ~/development unzip ~/Downloads/flutter_macos_v1.5.4-hotfix.2-stable.zip

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

配置环境变量和镜像

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

如何更改环境变量?

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

输入:echo $PATH,按回车执行命令查看当前变量值。

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

按i键,在空白处开始编辑

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

 

将以下代码添加进去

Flutter临时镜像

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

更新flutter的PATH变量,以便可以运行flutter命令在任何终端会话中。

export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH

注意!!!:PATH_TO_FLUTTER_GIT_DIRECTORY 为你解压过的flutter文件路径,上一步提到过,比如“~/document/code”,千万别顺手全粘贴上去,考试连姓名都抄的同学不是一个合格的学渣。

运行 source ~/.bash_profile或重启命令行刷新当前终端窗口。

运行 echo $PATH验证目录是否在已经在PATH中,正确的输出如下,每个电脑输出可能不一样,但当你看到flutter路径出现即说明配置成功。

/mySpace/flutterSDK/flutter/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/mongodb:/usr/local/go/bin~

检查开发环境

到此我们已经安装完flutter了,但此时还不具备开发的能力,flutter运行需要很多插件,运行以下命令查看是否需要安装其它依赖项来完成安装:

flutter doctor

这时候它会将你未安装的依赖一一列出,每个电脑缺少的依赖都不尽相同,例如下面这样:

✗ Android toolchain - develop for Android devices • Android SDK at /Users/obiwan/Library/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.dev/setup/#android-setup for detailed instructions. To install, run: brew install --HEAD libimobiledevice brew install ideviceinstaller ✗ ios-deploy not installed. To install: brew install ios-deploy ✗ CocoaPods not installed. CocoaPods is used to retrieve the iOS platform side's plugin code that responds to your plugin usage on the Dart side. Without resolving iOS dependencies with CocoaPods, plugins will not work on iOS. For more info, see https://flutter.io/platform-plugins To install: brew install cocoapods pod setup

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zyyfff.html