Flutter Mac/Flutter Windows下载安装,环境搭建

701 阅读1分钟

1. 资料下载

1.1 Flutter课程+资料下载

1.2 github下载

1.3 官网下载

2. 安装Flutter

2.1 Windows系统

1)将安装包zip解压到你想安装Flutter SDK的路径(如:C:\flutter;注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\)。

2)添加如下环境变量: “电脑>属性>高级系统设置>高级>环境变量”

PUB_HOSTED_URL=pub.flutter-io.cn (如果不可用可以使用mirrors.tuna.tsinghua.edu.cn/flutter)

FLUTTER_STORAGE_BASE_URL=storage.flutter-io.cn(如果不可用可以使用https://mirrors.tu…

Path = C:\Flutter\bin

前两个是Flutter在国内的镜像

2.2 macos

1)解压文件

例:安装路径 ~/Desktop/Flutter

cd ~/Desktop/Flutter

unzip ~/Downloads/flutter_macos_1.20.2-stable.zip

2)配置环境变量

将如下环境变量加入到用户环境变量中:

vim $HOME/.bash_profile

保存以下命令,例如: flutter安装路径为 ~/Desktop/Flutter

export PUB_HOSTED_URL=pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=storage.flutter-io.cn

export PATH=~/Desktop/Flutter/flutter/bin:$PATH

检查环境变量,运行以下两行命令,检查PATH是否添加成功

source $HOME/.bash_profile

echo $PATH

3.下载Android studio /Xcode

3.1Xcode安装

安装比较简单,在苹果应用商店下载即可,下载后模拟器也有,而且也不使用xcode做ide,只是需要模拟器运行app而已,所以就不详细介绍了

3.2Android studio安装

(安装保证有一个稳定的网络,因为安装过程中需要下载,如果下载中出现问题你很可能无法正常使用)

1)官网下载

2)打开 Android Studio -> Preferences -> Plugin ,安装Flutter插件,Dart插件然后重启AS

3.3 安装模拟器

image.png

image.png

image.png

3.4 安装Android SDK Tools (Obsolete)

image.png

3.5 命令行运行flutter doctor

检查flutter是否安装完善

如初出现错误,可以按照提示运行命令即可,例如:

image.png

前四个选项都打勾那就是安装全部成功 (windows环境下没有xcode那一项) 收录自|原文地址

资料下载