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配置省略了,没有写,因为太简单,根据官网文档提示做就好了!

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

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

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

让我们共同加油吧!!

你可能感兴趣的:(Flutter Mac环境配置 创建项目)