Flutter(1):Flutter Mac/Flutter Windows 下载安装,环境搭建

Flutter教学目录 持续更新中

1.资料下载

1.1 githu下载

1.2 官网下载

2.安装Flutter

2.1 windows系统

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

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

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

FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn(如果不可用可以使用https://mirrors.tuna.tsinghua.edu.cn/dart-pub)

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=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://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 安装模拟器


3.4 安装Android SDK Tools (Obsolete)


3.5 命令行运行flutter doctor

检查flutter是否安装完善

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


前四个选项都打勾那就是安装全部成功(windows环境下没有xcode那一项)

下期我们将开始编写人生第一个Flutter app

Flutter(2):创建一个Flutter App

Flutter教学目录 持续更新中

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