Flutter Mac环境搭建

1、安装SKD

Flutter SDK下载地址

屏幕快照 2019-09-04 09.17.20.png

2、复制SDK 将它配置到你想安装SDK的目录
3、配置flutter镜像地址
vim ~/.bash_profile  命令行输入后回车,打开.bash_profile配置镜像地址

进入后默认是不可编辑的,按E进入编辑模式


屏幕快照 2019-09-04 09.22.18.png

然后再按I 出现-- INSERT --就可以编辑了输入如下环境变量

export PATH="/Users/Destiny/flutter/bin:$PATH"  // SDK安装目录
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_UUL=https://storage.flutter-io.cn
屏幕快照 2019-09-04 09.27.10.png

编辑完成后,按“Esc”,再按“:wq”,保存这个文件
退出编辑模式后别忘了在命令行输入

source ~/.bash_profile
4、检测是否配置成功输入
flutter -h 
屏幕快照 2019-09-04 09.39.36.png

出现上图说明配置成功,如果配置完成后输入flutter -h 提示命令有问题,可能是你SDK有问题,你重新下载下。

5、运行 Flutter doctor 命令检测环境
屏幕快照 2019-09-04 10.33.50.png

有很多问题,一条一条按照错误提示修改

 brew update
 brew install --HEAD usbmuxd
 brew link usbmuxd
 brew install --HEAD libimobiledevice
 brew install ideviceinstaller
 brew install ios-deploy
 flutter doctor –android-licenses
屏幕快照 2019-09-04 11.03.54.png
Flutter plugin not installed,Dart plugin not installed

问题描述:Flutter插件和Dart插件未安装。
解决办法:在Android Studio中安装Flutter插件和Dart插件。

屏幕快照 2019-09-04 11.12.47.png

出现下图说明环境配好了


屏幕快照 2019-09-04 11.26.43.png
6、配置好就可以生成Flutter项目
sudo flutter create flutterdemo

生成项目后需要修改Flutter SDK目录权限和项目权限

sudo chmod -R 777 /Users/Destiny/flutterdemo
7、Xcode打开Flutter项目 模拟器运行项目
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、进入官网下载Flutter的sdk,官网:https://flutter.dev/docs/developme...
    fanaf阅读 9,872评论 0 8
  • 有关Flutter的介绍我这里就不多说了,可以去Futter中文网去了解。 Flutter开发个人建议选择使用An...
    Tobesky阅读 3,535评论 2 0
  • 前言 本来我是想越过这一段的,但是因为很多人了解甚少,便加上链接 flutter简介 环境搭建 这里主要介绍 Ma...
    AlwaysLight阅读 3,704评论 0 3
  • 1. 获取Flutter SDK 解压安装包到想要的安装的目录 2. 配置环境变量 3. 测试环境 如果看见关于F...
    小豪丶ace阅读 1,547评论 0 0
  • Flutter Mac 开发环境搭建1、下载Flutter SDK2、使用镜像和配置环境变量3、查看Flutter...
    MR_詹阅读 1,514评论 0 0