Flutter学习教程1--mac环境搭建

一、下载flutter

   去官网https://flutter.dev/docs/get-started/install下载稳定版flutter

Flutter学习教程1--mac环境搭建_第1张图片

二、配置环境变量

       1、把刚才下载的flutter_macos_1.17.2-stable.zip解压缩。

Flutter学习教程1--mac环境搭建_第2张图片

2、打开终端,打开bash_profile

vim .bash_profile

按"e"进入编辑模式,增加红箭头指示的配置信息

Flutter学习教程1--mac环境搭建_第3张图片按qw键保存并退出编辑,如果无法退出,连按shift+Z两次至退出。

3、运行flutter doctor

Flutter学习教程1--mac环境搭建_第4张图片

我这边已经修复了,实际上以第一运行flutter doctor 会出现很多红叉,出现红叉不要怕,按照提示的修复就可以了。下面是一个有详细出现红叉修复教程的网址https://blog.csdn.net/lxw983520/article/details/90521630。

到此flutter基本配置完成。

三、集成进AndroidStudio

打开AS主界面,点击右下角Configure菜单栏选择Plugins,弹出页的搜索框输入flutter,找到后点击安装,安装完重启AndroidStudio

Flutter学习教程1--mac环境搭建_第5张图片

 

此时我们就可以用AndroidStudio新建一个flutter项目,若新建或打开一个flutter项目后提示download Dart SDK和Setting Dart SDK,command+,进入偏好设置界面,设置Flutter SDK path 和 Dart SDK path,路径为上面下载flutter SDK后设置的路径和 flutter SDK内的dart-sdk:

Flutter学习教程1--mac环境搭建_第6张图片

flutter_path.png

Flutter学习教程1--mac环境搭建_第7张图片

dart_path.png

这样我们就能运行和编写flutter项目了

你可能感兴趣的:(Flutter学习教程1--mac环境搭建)