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
注意: 每一个人的本地软件不一样,只要是全部是绿色的就行