flutter mac环境搭建

一、安装vscode,直接下vscode安装

1.配置code path,按快捷键(shift+alt+p),然后输入配置code path--》选择安装

01

二、下载flutter sdk

1.使用控制台进入要安装sdk目录里面

02

2.执行git命令

git clone -b beta https://github.com/flutter/flutter.git

03

3.回车下载SDK,下载完配置环境变量

使用vscode打开配置文件

code ~/.bash_profile

04

配置环境变量

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=$PATH:/Users/lry/Desktop/Development/flutter/bin

05

保存配置然后执行source命令

source ~/.bash_profile

06

执行flutter看看是否配置成功

flutter

07

三、安装android studio

1.下载android studio并安装

2.安装时需要配置代理

09

3.安装完成后下载flutter插件

19

14

4.配置sdk和avd(先下载SDK然后配置AVD是选择给SDK对应的版本就行)

10

5.运行安卓模拟器

28

31

四、检查安卓环境

1.打开控制台输入检查命令

flutter doctor

2.接受安卓协议

执行代码:

flutter doctor --android-licenses

20

提示是否继续按“y”就可以了

21

3.再次执行“flutter doctor”就会看到安卓环境以及搭建好了

12

五、安装Xcode

1.在APP Store里面搜索"xcode"

22

2.安装完打开需要再安装一下插件

23

24

3.打开模拟器

25

30

六、创建一个项目

1.在vscode代开命令行“shift+alt+p”然后新建项目

16

2.填写项目名称

33

3.运行项目

方式一:打开控制台 按“ ctrl+· ”这个点是esc下面的点

查看模拟器名字

flutter emulator

34

打开模拟器

flutter emulator --launch apple_ios_simulator

35

apple_ios_simulator为模拟器名字

后输入“flutter run”启动项目

17

方式二:debug方式运行

32














(1)