Mac 下安装flutter图解

安装fluttersdk之前的准备动作,先把xcode和谷歌浏览器下载了

1.下载sdk:
https://docs.flutter.dev/release/archive?tab=macos
就是下载这个

image.png

2.下载后,解压文件,在向往文件夹下 /users/用户名 ,输入这个内容,
会看到下面这个图片
image.png

在这里创建一个文件夹名为development,这个名称随意,但是不要中文,不要有特殊字符
image.png

把之前解压的文件放在这个文件夹里
image.png

3.打开终端,输入cd development ,然后输入ls 就能查看到这个flutter 文件夹了

image.png

4.接着输入 vi ~/.bash_profile 回车后按i键,输入一下内容
export PATH=/Users/ylellen/development/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
只修改第一行的内容,自己找下这个路径做对应的修改
然后按esc退出编辑状态,:wq保存
4.接着在终端内打入source ~/.bash_profile,执行下。但是这样设置只能本次有效,关闭终端后,flutter doctor 依然执行不了
5.在终端输入vim ~/.zshrc
里面编辑这句话:source ~/.bash_profile
image.png

6.在执行一次source ~/.bash_profile。flutter SDK就配置好了。
7.下面执行flutter doctor,就会看到这样一个界面


image.png

8.经验,先做这一个
在终端内输入,brew install cocoapods
如果没有安装brew,先安装下brew,安装命令如下
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"
然后镜像选择输入:1
然后输入密码,等待安装即可完成。会提示终端重新打开,国内源生效,
安装完成后输入brew install cocoapods
速度还是很快的

image.png

9.安装完成后,从新输入flutter doctor,发现就差一个android了。

image.png

10.去android studio 官网把android studio 下载下来
下载地址:https://developer.android.google.cn/studio?hl=zh-cn
image.png

11。安装android studio后,打开它,


image.png
image.png

image.png
image.png
image.png
image.png

image.png

默认去创建一个项目


image.png

image.png

看下右下角的进度条走完没有,完了之后,【不然,特别卡】

在左上角找到setting 打开后,在这里输入sdk


image.png

image.png

image.png

马上就快结束了,在终端内输入flutter doctor,出现这个界面,那就按照里面的命令:flutter doctor --android-licenses 输入吧,一直输入y


image.png

最后在终端内输入flutter doctor ,全部绿灯,flutter环境也全部通过了,在这里说一下,android studio 里自带的那个虚拟机不好用。下面我创建一个新的。


image.png

创建android 虚拟机,打开我们刚才创建的测试程序,


image.png

image.png

image.png
image.png

创建完成了,把原来的那个删除了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容