官网地址:https://flutter.io/
插件仓库:https://pub.dartlang.org/flutter
跟多的介绍可以通过上面的链接获取,这里就总结一句,Flutter大法好
INSTALL ON MACOS
获取 Flutter SDK
为了获取 Flutter , 使用 git 去克隆仓库然后添加 flutter 工具到你的环境变量。 运行 flutter doctor 来显示剩下你需要安装的的依赖。
克隆仓库
如果这是你第一次在电脑上安装 Flutter ,就要克隆这个远程仓库:
git clone -b beta https://github.com/flutter/flutter.git
设置环境变量
对于所有终端会话永久修改此变量的步骤是特定于计算机的。通常,您会在打开新窗口时将行添加到执行的文件中。例如:
确定您放置Flutter SDK的目录。您将在步骤3中需要此操作。
打开(或创建)$HOME/.bash_profile。文件路径和文件名可能在您的机器上不同。
添加以下行并更改[PATH_TO_FLUTTER_GIT_DIRECTORY]为克隆Flutter的git repo的路径:
export PATH=[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin:$PATH
运行source $HOME/.bash_profile
刷新当前窗口。
flutter/bin通过运行以下命令验证目录是否在PATH中:
echo $PATH
关闭所有的终端,重新开启一个新的终端,完成更改。
运行 flutter doctor
打开一个新的命令提示符或者 PowerShell 窗口,接着运行以下的命令,看是否需要安装任何依赖项来完成安装:
flutter doctor
执行结果:
DonghongyudeMBP:~ donghongyu$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel master, v0.4.3-pre.59, on Mac OS X 10.13.4 17E202, locale zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK 27.0.3)
[✓] iOS toolchain - develop for iOS devices (Xcode 9.3.1)
[✓] Android Studio (version 3.0)
[✓] Android Studio (version 3.1)
[✓] IntelliJ IDEA Ultimate Edition (version 2018.1.2)
[!] Connected devices
! No devices available
! Doctor found issues in 1 category.
如果你是第一次使用Flutter的话可能会有几个错误出现
Android Studio 配置
运行官方Example
flutter_gallery是比较完善的案例,但是比较坑的是里面使用到了https://flutter.googlesource.com/gallery-assets,但是由于这是Google的服务器,太渣了【你懂的】。
所以我们这里要配置一下,通过某种方式将gallery-assets下载下来,这里大家可以直接使用我配置到GitHub的https://github.com/MartinDong/gallery-assets.git
配置完成上面的之后使用Android Studio运行项目
如果想运行在ios的实体手机上面,需要使用命令行运行,如下
在终端打开flutter_gallery文件夹
- 遵循Xcode签名流程来配置您的项目:
- 通过
open ios/Runner.xcworkspace
在Flutter项目目录中的终端窗口中运行,打开项目中的默认Xcode工作区。 - 在Xcode中,选择Runner左侧导航面板中的项目。
- 在Runner目标设置页面中,确保在 General > Signing > Team 下选择了您的开发团队。当您选择一个团队时,Xcode会创建并下载开发证书,向您的设备注册您的帐户,并创建和下载配置文件(如果需要)。
- 要开始您的第一个iOS开发项目,您可能需要使用您的Apple ID登录Xcode。
- 通过
- 运行启动您的应用程序
flutter run
。