接上一章起步继续。
今天这章学习搭建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代码详解
看完计数器示例的代码会对程序有个基本的认识,下次再学习路由、包、资源管理。