flutter环境搭建windows&Mac

Window环境搭建

前提系统配置要求
操作系统:Windows 7 SP1 或更高的版本(基于 x86-64 的 64 位操作系统)。
磁盘空间:除安装 IDE 和一些工具之外还应有至少 1.64 GB 的空间。
工具:最好以提前安装git和 Android Studio
环境变量配置

1、获取flutter sdk

通过git命令获取:git clone https://github.com/flutter/flutter.git -b stable
或者下载zip移步: https://flutter.cn/docs/get-started/install/windows

2、修改配置国内可访问的Flutter镜像

设置环境变量:此电脑->属性->高级系统设置->高级->环境变量,上面为用户变量
下面为系统变量,修改用户变量:
如下新建 PUB_HOSTED_URL=https://pub.flutter-io.cn
如下新建 FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

在这里插入图片描述

3、Flutter安装目录配置到环境变量中

此电脑->属性->高级系统设置->高级->环境变量
在“用户变量”下的“Path”条目点击新建:将所在目录D:\flutter\bin路径添加进去

在这里插入图片描述

4、下载引擎engine
win+R启动cmd 执行flutter doctor下载依赖和编译,较慢
提示如下表示成功
在这里插入图片描述

5、确认版本flutter --version(可省略)

在这里插入图片描述

设置Android Studio环境

1、File-Setting下载flutter 插件
在这里插入图片描述

2、配置adk路径到Studio
在这里插入图片描述

3、接下来可以开发啦啦啦啦.
新建flutter Project/或者新建modul
在这里插入图片描述

Mac环境配置

1、获取flutter sdk(同上)

通过git命令获取:git clone https://github.com/flutter/flutter.git -b stable

2、环境变量配置
在 .bash_profile里修改配置如下所示:
打开open -e .bash_profile // 保存 source .bash_profile

#FlutterConfig【/Users/liusha/flutter】替换成自己的flutter路径
export FLUTTER_HOME="/Users/liusha/flutter"
export PATH="$PATH:$FLUTTER_HOME/.pub-cache/bin:$FLUTTER_HOME/bin/:$FLUTTER_HOME/bin/#cache/dart-sdk/bin"
export PATH="$PATH":"$HOME/.pub-cache/bin"
export PUB_HOSTED_URL=https://pub.flutter-io.cn

3、flutter doctor下载engine(同)
4、flutter --version 确认版本(同)
5、配置studio(同)

常用命令
flutter --version  //查看engine版本
flutter pub get  //下载、同步依赖=pubspec.lock lockfile
flutter pub upgrade  //升级到 package 的最新版本
flutter attach  //连接调试
flutter build aar   //打包

fvm管理(管理不同flutter版本)

fvm地址:https://pub.flutter-io.cn/packages/fvm
安装步骤:https://fvm.app/docs/getting_started/installation/

fvm install 2.5.3   //安装制定版本
fvm list  //查看本地安装版本
fvm global 2.5.3   //设置全局版本(会生成default,将studio引用路径修改为此路径)
fvm flutter --version   //查看当前版本

链接参考

https://flutter.cn/docs/get-started/install/windows
https://flutter.cn/docs/get-started/install/macos

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值