flutter系列5-flutter环境搭建

flutter简介

Flutter时谷歌公司开发的一款开源、免费的移动框架,可以让我们快速的在Android和IOS上构建高质量APP,它最大的特点就是跨平台,以及高性能。Flutter基于谷歌的dart语言,如果没有dart基础的同学,可以看前面几篇对dart的介绍。
本篇文章基于有一定的Android开发基础,如果没有android开发的同学,请自行配置jdk,安装Android Studio。

环境准备

flutter安装配置

flutter sdk 下载:https://flutter.dev/docs/get-started/install/windows

添加环境变量:
如果没有vpn,可以配置下国内镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
解压下载的flutter sdk,进入bin目录,将bin目录配置到path环境变量下

配置完成后执行:

 flutter doctor

在这里插入图片描述
可以看奥其中有几个报错,因为我本地电脑装了 indtel idea, 我们用的是Android studio,所以第二条第三条不用处理,第四条是没有连接设备,等后面运行在连接也可以,此处也不用处理,看第一个报错,我们直接按照报错提示,执行命令:

flutter doctor --android-licenses

一路输入y按回车,然后完成时候在执行fluteer doctor,就会看到第一条报错已经没有了,至此flutter环境安装完毕

Android studio配置

需要安装两个插件:
Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等).
Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).

安装步骤:
启动Android Studio.
打开插件首选项 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).
选择 Browse repositories…, 选择 Flutter 插件并点击 install.
重启Android Studio后插件生效.

flutter初体验

在这里插入图片描述
新建一个flutter项目
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
按照不受填写即可,创建完成后,连接手机,直接运行即可,可以看到应用已经启动
在这里插入图片描述

发布了159 篇原创文章 · 获赞 22 · 访问量 9万+

猜你喜欢

转载自blog.csdn.net/ytuglt/article/details/105102711