flutter是目前比较流行的跨平台框架,本次主要是开发环境和编辑器安装的步骤说明,希望对新手有帮助

android studio 下载安装

目前flutter 官方推荐的工具有 android studio和vs code,由于本人想转全栈研发。暂时以studio工具作为教程,希望大家少走弯路
给一个官方店下载地址:
android studio 官方下载地址在这里插入图片描述
在这里插入图片描述
会根据电脑的自动识别对应的芯片版本。目前我的是mac intel 芯片。所以选择 mac with intel chip版本即可
剩下就直接安装,里面有个选择标准版和自定义安装,选择标准版即。里面自带一些组件都会进行默认安装。

android studio 插件安装

在这里插入图片描述
在这里插入图片描述

如图进入andorid studio 编辑器 Plugins 插件安装菜单,分别安装flutter和dart两个插件即可。如果这个两个不装,后面的flutter sdk和开发无法设置。

flutter sdk下载安装

flutter sdk 安装比较麻烦点、大家都懂的。由于flutter是google公司推出的跨平台,china 有 wall 所以官方下载比较慢,当时下载1.8G的文件需要两个小时。大家也可以到我的百度网盘去下载。很幸运官方也提供了中国镜像下载。
flutter sdk 镜像下载地址
这个下载地址非常快,1.8G的文件下载只需要3到6分钟。哎呀。比源地址要快N倍。

flutter环境变量和镜像地址

镜像配置如下:

export PUB_HOSTED_URL="https://pub.flutter-io.cn"
export FLUTTER_STORAGE_BASE_URL="https://storage.flutter-io.cn"

flutter环境变量:
flutter sdk下载解压,我的解压目录如下:
在这里插入图片描述
设置环境变量:

export FLUTTER_HOME=/Users/zhangmiao/Desktop/developer/developmenttool/web/mobile/flutter
export PATH="$PATH:$FLUTTER_HOME/bin"

执行命令

执行:flutter doctor
如果出现如下图:
在这里插入图片描述
则表示flutter sdk安装成功了

第一个Flutter 程序

打开android studio 如图:
创建
在这里插入图片描述
运行生成的工程main类即可。
今天分享到这里。

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐