Flutter Mac环境配置 创建项目

1、目标

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

2、安装

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

3、配置环境变量

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

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

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

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

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

source ~/.bash_profile

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

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、可以看到还有报错,所以,根据提示执行命令

sudo gem install cocoapods
image.png

此时环境就配置完成喽!

4、创建项目

1、配置项目完成后,开始创建项目,打开android studio


image.png

2、点击创建flutter项目


image.png

3、注意:这里android studio配置省略了,没有写,因为太简单,根据官网文档提示做就好了!

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

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

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

让我们共同加油吧!!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。