获取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
- 下载并安装Android Studio
- 启动Android Studio,安装最新的Android SDK
- 安装Dart和Flutter插件
Dart插件
Flutter插件
检查是否全部安装正确
image.png配置vs-code
安装Flutter插件,在扩展界面搜索Flutter,点击安装,重新打开即可
验证设置是否正确
打开 Command Palette
输入'doctor',然后选择'Flutter:Run Flutter Doctor'动作
查看“OUTPUT”窗格中的输出是否有问题
如果提示找不到Flutter SDK,可以先运行命令flutter create XXX创建一个项目
网友评论