学习
实践
活动
专区
工具
TVP
写文章

一、在macOS上搭建Flutter开发环境

一、安装Xcode

二、安装Android Studio

1、首先安装JDK

2、接下来【下载并安装Android Studio】

三、安装VSCode

1、前往应用程序将下载好的VSCode拖拽进去即可。

2、安装Flutter插件。

四、安装Flutter SDK

1、【下载Flutter SDK】 把下载好的 Flutter SDK 解压到你想安装 sdk 的文件夹下。

2、使用镜像

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中。可以通过 git clone -b stable https://github.com/flutter/flutter.git下载,然后把flutter中的bin路径配置到环境变量中。

vim ~/.bash_profile

export PATH=/Users/liyongfei/Documents/项目/flutter/sdk/flutter/bin:$PATH

export PUB_HOSTED_URL=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

source ~/.bash_profile

注意: 此镜像为临时镜像,并不能保证一直可用,读者可以参考详情请参考 Using Flutter in China 以获得有关镜像服务器的最新动态。

3、运行 flutter doctor 命令检测环境

第一个错误解决方法:

运行:flutter doctor --android-licenses

第二个错误解决方法:

逐个运行以下命令

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer

brew update

brew install --HEAD usbmuxd

brew link usbmuxd

brew install --HEAD libimobiledevice

brew install ideviceinstaller

brew install ios-deploy

第三个错误解决方法:打开Android Studio安装Flutter plugin和Dart plugin。

第四个警告解决方法:连接一个真机或模拟器就可以了。

4、再次运行flutter doctor

五、创建项目并运行

1、创建项目

flutter create flutter_shop

2、运行项目

flutter run

r 键:点击后热加载,也就算是重新加载吧。

p 键:显示网格,这个可以很好的掌握布局情况,工作中很有用。

o 键:切换 android 和 ios 的预览模式。

q 键:退出调试预览模式。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190812A0RJJI00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

关注

腾讯云开发者公众号
10元无门槛代金券
洞察腾讯核心技术
剖析业界实践案例
腾讯云开发者公众号二维码

扫码关注腾讯云开发者

领取腾讯云代金券