Flutter学习记录-搭建开发环境

接上一章起步继续。


今天这章学习搭建Flutter的开发环境,因为我以前是从事Android的,就按照我的习惯来做了,从事iOS开发的朋友可以借鉴一下。

1、下载Flutter SDK

打开Flutter SDK官网选择对应的平台和版本就可以下载了
在这里插入图片描述
下载下来的是sdk的压缩包,将压缩包解压到你想安装Flutter SDK的目录(不要放到权限较高的目录,如:C:\Program Files\)。

2、配置环境变量

想要在windows平台自带的命令行运行flutter命令,必须配置环境变量,方式和配置java或者Android的环境变量差不多。
在系统变量中新增一条名字为:FLUTTER_HOME的变量,值就是解压的sdk目录,这是我的:
在这里插入图片描述
然后在系统的Path变量中加入我们刚才新增的这条变量:
在这里插入图片描述
至此环境变量配置完毕,还需要检查一下flutter是否都准备完毕。

3、检查

想要检查Flutter SDK是否安装成功并且正常使用需要使用命令行输入:flutter doctor。来检查是否可以正常使用。(如果没有配置上步的环境变量,这步的命令行是运行失败的)第一次运行系统会检查flutter正常运行需要的环境是否正常,会有点慢,大家稍等一下。
在这里插入图片描述
这是我的运行成功的结果,如果运行出错,每行前面会显示×号,会给出错误信息。
来看下每行对应的信息。
第一行:flutter sdk 的一些信息,版本号是:v1.2.1。
第二行:Android sdk 的一些信息,版本号是:29.0.3。
第三行:Android Studio 的一些信息,版本号是:3.6。
第四行:电脑连接的设备信息,我这没有连接设备所以提示没有设备。
如果flutter doctor运行出错,可以根据给出的错误信息去对应的解决。无非就是Android sd版本缺失,Android Studio没有安装之类的错误,都是很好解决的问题。

4、创建一个默认的Flutter应用

打开Android studio
在这里插入图片描述
红框中第一行是创建一个普通的Android Studio程度,第二行才是创建一个Flutter程序,我们当然是点击第二行拉。点击后进入下图
在这里插入图片描述
一行四个选项从左至右为:创建一个Flutter程序,创建一个Flutter插件,创建一个Flutter包,创建一个FlutterModule。我们选择第一个点击next,进入下图
在这里插入图片描述
第一行Project name 就是我们要创建的程序名称,这个可以随便修改(不能是中文)。
第二行Flutter SDK path 就是我们解压的Flutter sdk的路径。
第三行Project location 就是要创建的程序存储的路径。
第四行Description 就是要创建的程序的描述,这个可以随便修改。
点击next,进入下图
在这里插入图片描述
这一步主要就是给程序起个包名,包名的命名规则大家都清楚,不清楚的自行百度。
include kotlin support for android code。这句是指包括对Android代码kotlin的支持。
include swift support for ios code。这句是指包括对iOS代码swift的支持。
一般我们都会勾选,点击finish等项目创建完成。
创建完成后会默认给出一个计数示例的Demo,关于这个Demo的详情大家可以移步书中查看详细代码解释。这是计数器Demo代码详解
看完计数器示例的代码会对程序有个基本的认识,下次再学习路由、包、资源管理。

发布了6 篇原创文章 · 获赞 1 · 访问量 441

猜你喜欢

转载自blog.csdn.net/qq_35809004/article/details/105572295