安装jdk并配置环境变量
下载病安装AndroidStudio https://developer.android.google.cn/studio
下载Flutter SDK 选择对应操作系统Stable的最新版本下载即可,如果是windows系统下载后解压,将解压目录的bin目录配置到windows的系统path环境变量里,然后命令行使用flutter -v检测是否安装成功。
由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
-
运行flutter doctor检测环境是否搭建成功 flutter.png
第一次运行会提示运行flutter doctor --android-licenses
按照提示运行上述命令所有选项选Y即可 -
使用AndroidStudio创建项目
第一次创建flutter项目需要安装flutter插件
d1.png
搜索flutter插件安装
d2.png
重启AndroidStudio即可创建flutter项目
d3.png
选择flutter项目创建
d4.png
设置项目信息,注意flutter sdk选择之前下载安装的flutter目录
d5.png
创建好的项目结构如图
d6.png
但是要运行项目需要重新导入项目,选择file->open 选择创建的项目下的android项目,重新打开即可
d7.png
醒目目录结构如图,运行需要下载很多依赖,如果下载失败,可以试着连手机热点进行下载 下载好后,真机连接电脑,打开手机开发者模式,点击run选择连接的手机即可运行项目,该项目会自动下载安装到手机
d8.png 在VSCODE上运行项目
安装Awesome Flutter Snippets,flutter,dart三个插件
进入创建好的项目 使用flutter run运行项目
R键:热加载
P键:显示网格
O键:切换android和ios的预览模式
Q键:退出调试预览模式