Flutter学习之一搭建开发环境

Flutter学习之一:搭建ununtu系统开发环境

一.背景

随着企业发展跟环境的变化，目前大前端开发越来越火，在国内应该是一个趋势；个人的技术栈主要还是在原生安卓开发上；长江后浪推前浪，如果不及时学习新知识，早晚会被后浪拍死在沙滩上，为啥有35岁的危机，很多原因是因为卷不过后浪们，大环境不是一个人能够改变的，唯一能够改变的是你自己。为了让自己能够让自己一深多强,决定学习Flutter这种跨平台的技术,增强知识面,拓展眼界。

​ 俗话说，工欲善其事，必先利其器。学习任何一项新的技术，都要从最基本的工程环境搭建开始学习，不然就是无源之水。本人是安卓开发，所以准备搭建Android Studio集成环境。2017款的macbook pro卖了，换了一个windows笔记本，安装了ubuntu系统。

二.前期准备

需要搭建Android开发环境,在本篇文章中，不准备讲解如何搭建Android开发环境.默认读者已经具备有Android开发的一些基础知识

三.安装Flutter SDK

1.下载SDK文件

如下是目前最新版本的Flutter SDK Linux版本的下载路径,点击可以直接下载

flutter_linux_3.24.2-stable.tar.xz

如果需要其他的版本,请查看如下链接

历史版本

2.创建文件夹

创建你需要安装Flutter SDK的文件夹

3.解压SDK文件

从Flutter官方网站上下载的SDK是格式是tar.xz的压缩文件,需要解压此文件

解压命令如下所示:

tar -xf ~/Downloads/flutter_linux_3.24.2-stable.tar.xz

注:图片中的命令敲错了

sudo vim ~/.bashrc

4.添加系统环境变量

请确认你的默认shell类型,笔者使用的是bash shell

方式一:

echo 'export PATH="~xx/flutter/bin:$PATH"' >> ~/.bash_profile

方式二:

sudo vim ~/.bashrc

最后需要使用如下命令让设置的环境变量生效

source ~/.bashrc 或者 source ~/.bash_profile

注意: 设置的环境变量文件根据你自己的实际情况进行设置

四.检查Flutter配置

运行 Flutter doctor

下面的指令将检查 Linux 完整的 Flutter 开发环境的所有组件

flutter doctor

红色的地方是错误,黄色的地方是警告,这两项都是需要解决的,绿色的是配置正确

从上面的图片可以看到, 有相关的Linux 工具链没有安装好(每个人的不一样,但是解决方法是一样的)

笔者的开发环境需要安装工具跟配置的地方有:

• clang++
• GTK 3.0
• Android licenses
• Network resources

从图上看,其实已经有部分提示了,按照相关提示就可以解决问题

例如:

​ clang++: apt install clang

根据相关的提示,安装clang 和GTK

解决配置错误

安装GTK3.0和Clang

clang 的安装跟上面的是一样的,执行命令如下所示:

sudo apt install clang

安装完clang跟gtk之后,再次运行flutter doctor 命令检查配置(每当解决一个错误或者警告的问题,应当去检查配置)

从上面的图片可以看到,目前关于之前Linux 工具链报错的问题,已经解决了;关于网络问题报错的问题,请使用科学上网工具,这个就不介绍了.

如果你使用一些国内的代理或者镜像,应该也是可以的.

解决Android licenses问题

关于此问题,运行下面的命令即可

flutter doctor --android-licenses

根据上面的提示默认输入Y即可

环境配置成功

再次运行flutter doctor 命令检查配置

如果发现运行配置后的截图跟下图一样,表示环境配置完成

其实,从上图中,可以看到,笔者安装有Android Studio, IntelliJ社区版本, Vs Code

注意: 每一个人的本地软件不一样,只要是全部是绿色的就行