美文网首页
Flutter轻松入门(一) -- MAC环境搭建

Flutter轻松入门(一) -- MAC环境搭建

作者: SuperGino | 来源:发表于2018-06-03 16:07 被阅读0次

获取Flutter代码

克隆Flutter代码到本地目录

$ git clone  https://github.com/flutter/flutter.git

将flutter工具添加到您的路径

$ export PATH=本地目录/flutter/bin:$PATH

配置完了后,应该可以运行Flutter命令了!可以使用下面命令flutter doctor来检查依赖环境是否正常。
注意的是因为天朝的网络实在是不敢恭维,不是非常慢就是经常给墙(一方面要求科技强国,一方面闭关锁国=。=万岁!),不过官方也给出了方法,就是使用国内的镜像节点下载,在运行flutter doctor之前先运行下面两个命令即可
$ export PUB_HOSTED_URL=https://pub.flutter-io.cn
$ export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

配置IOS环境

自行安装好xcode

$ open -a Simulator -- 测试成功打开模拟器

# 安装用于将Flutter应用部署到iOS设备的工具
$ brew update
$ brew install --HEAD libimobiledevice
$ brew install ideviceinstaller ios-deploy cocoapods
$ pod setup

在os10.13系统,可能提示
✗ Missing Xcode dependency: Python module "six".
Install via 'pip install six' or 'sudo easy_install six'.
如果安装不上的话,使用下面的命令安装
$ brew reinstall python@2
$ pip install six

配置Android环境

安装Android Studio

  1. 下载并安装Android Studio
  2. 启动Android Studio,安装最新的Android SDK
  3. 安装Dart和Flutter插件
插件界面
Dart插件
Flutter插件

检查是否全部安装正确

image.png

配置vs-code

安装Flutter插件,在扩展界面搜索Flutter,点击安装,重新打开即可

验证设置是否正确
打开 Command Palette
输入'doctor',然后选择'Flutter:Run Flutter Doctor'动作
查看“OUTPUT”窗格中的输出是否有问题
如果提示找不到Flutter SDK,可以先运行命令flutter create XXX创建一个项目

相关文章

网友评论

      本文标题:Flutter轻松入门(一) -- MAC环境搭建

      本文链接:https://www.haomeiwen.com/subject/hjbjsftx.html