Mac环境下配置Flutter

基本配置

  • 操作系统:MacOS(64位)
  • 磁盘空间剩余:(>=)700MB(不包括IDE/tools的磁盘空间)
  • 工具:确保flutter所依赖的命令行工具可用
    1.bash
    2.curl
    3.git 2.x
    4.mkdir
    5.rm
    6.unzip
    7.which

获取Flutter SDK

1.下载以下安装包以获取Flutter SDK的最新稳定版本:flutter_macos_v1.0.0-stable.zip,建议直接下载,因为git clone的话中途会因为网络断了好几次。
对于其他发布渠道和旧版本,请参阅SDK archive页面。

2.在桌面新建一个文件夹,进入到文件下目录下

cd ~/development
$ unzip ~/Downloads/flutter_macos_v1.0.0-stable.zip

3.把flutter工具添加到你的路径里

 export PATH="$PATH:`pwd`/flutter/bin"

该命令是为当前终端窗口设置PATH变量,要将Flutter永久添加到路径,请参阅Update your path

现在可以使用Flutter命令了!

Run flutter doctor

运行以下命令以查看是否需要安装任何依赖项来完成设置(对于详细输出,请添加-v标志):

 $ flutter doctor

此命令检查您的环境并向终端窗口显示报告。 Dart SDK与Flutter捆绑在一起; 没有必要单独安装Dart。 请仔细检查输出以了解可能需要安装的其他软件或执行的其他任务(以粗体显示)。
举个例子:

[-] Android toolchain - develop for Android devices
    • Android SDK at /Users/obiwan/Library/Android/sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.io/setup/#android-setup for detailed instructions.

以下部分描述了如何执行这些任务并完成设置过程。
安装任何缺少的依赖项后,再次运行flutter doctor命令以验证是否已正确设置所有内容。

iOS setup

安装Xcode

1.安装Xcode9.0或者最新版本(在AppStore下载)
2.通过从命令行运行以下命令,配置Xcode命令行工具以使用新安装的Xcode版本:

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

当您想要使用最新版本的Xcode时,这是大多数情况下的正确路径。 如果需要使用其他版本,请改为指定该路径

部署ios设备

1.Install homebrew
2.确保homebrew是最新的

扫描二维码关注公众号,回复: 5251297 查看本文章
$  brew update

3.通过运行以下命令,安装用于将Flutter应用程序部署到iOS设备的工具:

$ brew install --HEAD usbmuxd
$ brew link usbmuxd
$ brew install --HEAD libimobiledevice
$ brew install ideviceinstaller ios-deploy cocoapods
$ pod setup

如果这些命令行出错了,运行flutter doctor并且按照指示说明解决问题
4.如果想在ios设备上运行,还得在Xcode上配置相关证书,如图找到文件配置

744616-dc7f31d070d9bdef.png
flutter的ios工程.png

至于真机调试配置证书,对于iOS开发来说,我就不赘述了。

Android setup

安装和配置Android Studio

1.下载安装Android Studio
2.安装好工具后,再次使用flutter doctor,可能会报这样的问题

! Some Android licenses not accepted.  To resolve this, run: flutter doctor --android-licens

需要运行

flutter doctor --android-licenses

这里界面会要求输入Y/N,一路输入Y就行了。

3.安装好工具后,如图进行相关配置


744616-a2b8eb970f04d255.png
安卓工具配置.png

744616-95008e1688df4bb3.png
添加flutter插件.png

安装好flutter,重新打开AS,就可以看到Start a new Flutter project的选项了。

猜你喜欢

转载自blog.csdn.net/weixin_33775582/article/details/87528367