Flutter 环境搭建for Mac 01

环境搭建

背景:

本人之前是iOS开发,之后又转战H5、小程序的开发,现在有开始转战跨平台Flutter的一些研究,生命不息,研究不止,因为我们是程序员哈哈,现在我工作的电脑是mac本,所以现在只给大家说一下mac OS系统下,怎么搭建一个Flutter

第一步(研究Flutter中文官网):

接触一个新东西首先要研究它的官网:入门: 在macOS上搭建Flutter开发环境 大体研究一下就可以看下面的内容了

第二步(下载Flutter SDK):

首先下载 Flutter SDK 直接下载 Stable channel (macOS)中的就可以了,tips:这里使用下载下来的SDK,有一个缺点是或者不足是,当你更新SDK版本时,只能重新下载新的SDK,覆盖老的SDK在你本地,这里教你们一个技巧是,你可以通过Git克隆下来,这样你切换版本时就可以只切换分支就好了,非常的方便实用;

第三步 (配置环境变量):

在桌面或者在你喜欢某个文件夹中对下载下来的压缩包进行解压缩;这里我已我现在下来的这个版本flutter_macos_v1.7.8+hotfix.3-stable.zip进行操作,
压缩完成后基本就是这样的一个结构
在这里插入图片描述那么这个压缩包就基本没有用了可以删除了!

然后我们就开始配置我们的环境变量了,官网给提供的这个:export PATH=pwd/flutter/bin:$PATH此代码只能暂时针对当前命令行窗口设置PATH环境变量,所以我们没有打开都要先cd到我们新建的个文件夹中,非常的不方便为了解决这个不方便,我们可以用下面的方法进行环境变量的配置:
1.首先打开你的终端:
在里面敲入下面这个命令回车键

vim .bash_profile

在这里插入图片描述
就会出现这个样子,当然我这已经配了响应的环境,所以我这里看起来会比你们那边多,没关系我们继续:
紧接着我们开始编辑输入

i

终端会显示这样的界面:
在这里插入图片描述
在最底部出现了INSERT这样我们就能输入了:

export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置
export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH

PATH_TO_FLUTTER_GIT_DIRECTORY就是你解压flutter的文件目录:比如“~/document/code”
输入完毕后我们结束编辑按下ESC键,然后shift + ;,再输入wq,再按回车,这样保存退出到下面的状态
在这里插入图片描述
再输入:

source .bash_profile

刷新当前终端窗口.
这时候再输入

echo $PATH

看看里面有没有你的刚刚配置flutter/bin文件就好了,
到这里你的环境变量已经配置好了。

  • zsh
 zsh: command not found: flutter
  • 解决步骤
    1 打开open ~/.zshrc,
    2 如果没有就新建vim ~/.zshrc
    3 打开open ~/.bash_profile
    4 把bash_profile中的内容复制一份到zshrc文件中,如果bash_profile文件没有的花,就自己写一份关于flutter的环境配置,
  • 再执行
    source ~/.zshrc重新保存一下配置

第四步 (安装Flutter装其它依赖项):

我们在终端中运行:

flutter doctor

这里可以参考Flutter官网进行配置
需要根据报错提示运行响应的命令。。这里没有什么好说的略略略

第五步 (创建一个Flutter项目):

以上四部没有报错那我们开始第五步创建一个Flutter项目:
打开终端输入:

flutter create 项目名称

这样就创建了一个flutter项目,在里面可以尽情的玩耍

本人开通了微信公众号请关注一下:
在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值