1、目标

最近开始学习 flutter 开发 app 了, 然而学习之前要安装搭建开发环境。

2、安装

官网https://flutterchina.club/setup-macos/
首先先下载 flutter 包,下载开发工具等等。
其次就是配置环境,因为 flutter 并不像 node.js 那样,安装上就直接配置到环境变量了。flutter 需要自己去配置。具体到配置,可以看上面到官网。这里只记录自己开配置过程中遇到到一些问题,记录一下。

3、配置环境变量

1、在下载好 flutter 包以后,进行解压,然后把解压后到文件放在你想要按装的位置
2、使用 linux 的编辑器工具 vim

1
vim ~/.bash_profile  //使用vim编辑器编写.bash_profile

3、在打开 vim 编辑器后,按i进入编辑模式,输入

1
export PATH=/你的flutter文件夹所在位置/flutter/bin:$PATH

4、输入完成后按esc进行退出,输入** :wq进行保存退出。这个时候你可能会遇到一个错误(没有截图),就是说文件只读,这时强制保存退出就好了。执行:wq!**进行强制退出保存
5、执行命令

1
source ~/.bash_profile

6、此时 flutter 就配置完成了!但是在你运行 flutter -h 的时候,可能会遇到一个问题

1
Waiting for another flutter command to release the startup lock...

遇到这个问题的话,解决方案如下:

1、关闭 Android Studio
2、打开 flutter 安装目录/bin/cache
3、删除 lockfile 文件
4、此时可在命令行再执行 flutter 相关命令

完美解决

7、此时执行 flutter -h 会打印出 flutter 的相关信息
8、执行 flutter doctor 检查环境,如果有错误,根据提示执行就可以了!
image.png

8、可以看到还有报错,所以,根据提示执行命令

1
sudo gem install cocoapods

image.png

此时环境就配置完成喽!

4、创建项目

1、配置项目完成后,开始创建项目,打开 android studio
image.png
2、点击创建 flutter 项目
image.png
3、注意:这里 android studio 配置省略了,没有写,因为太简单,根据官网文档提示做就好了!

如果能够帮助到你,是小编最大的荣幸

当然 有 不好的地方 请大家帮忙指出 学习永无止境

小编一直认为 人外有人 天外有天 一起学习 共同进步

让我们共同加油吧!!