Flutter最近挺火的,项目也正在测试中,有点空闲时间,正好学习一下,顺便抽点时间来写写简书😝...
Flutter 下载和配置环境
- 下载Flutter
$git clone -b master https://github.com/flutter/flutter.git
- Flutter SDK依赖包下载
$./flutter/bin/flutter --version
- 上一步已自动添加临时镜像和路径,如果没有添加成功则输入命令
$vim ~/.bash_profile
进行编辑
export PATH=/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
如果没有路径和镜像的话则在.bash_profile中添加
立即生效source .bash_profile
运行 flutter doctor
-
运行以下命令查看是否需要安装其它依赖项来完成安装:
$flutter doctor
根据红x和黄色感叹号进行处理,按照提示我们需要下载Flutter、Xcode、Android Studio、Visual Studio Code等
相对于Android,flutter对iOS不太友好,xcode没办法安装flutter SDK插件。所以我们只能使用Android Studio来运行flutter。
Xcode下载安装
要为iOS开发Flutter应用程序,您需要Xcode 7.2或更高版本
- 安装Xcode 7.2或更新版本
- 配置Xcode命令行工具以使用新安装的Xcode版本
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
对于APP Store下载的这是正确的路径。如果是其他途径下载,请指定相应路径。 - 确保Xcode许可协议是通过打开一次Xcode或通过命令sudo xcodebuild -license同意过了.
运行到iOS模拟器
在Mac上,通过Spotlight搜索Simulator或使用以下命令找到模拟器:
$open -a Simulator
运行到iOS设备
要将您的Flutter应用安装到iOS真机设备,您需要一些额外的工具和一个Apple帐户,您还需要在Xcode中进行设置。
- 安装 homebrew (如果已经安装了brew,跳过此步骤).
- 打开终端并运行这些命令来安装用于将Flutter应用安装到iOS设备的工具
brew update
brew install --HEAD libimobiledevice
brew install ideviceinstaller ios-deploy cocoapods
pod setup
如果这些命令中的任何一个失败并出现错误,请运行
brew doctor
或Flutter doctor
并按照说明解决问题.
- 遵循Xcode签名流程来配置您的项目,使得flutter项目可以运行到iOS真机设备上
Android Studio下载安装
下载并安装 Android Studio.
启动Android Studio,然后执行“Android Studio安装向导”。这将安装最新的Android SDK,Android SDK平台工具和Android SDK构建工具,这是Flutter为Android开发时所必需的
Android Studio需要安装flutter插件
第一步:安装flutter:
-
选择左上角 Android Studio的Preferences 搜索Flutter 点击Install,就会下载好Flutter 和 Dart
-
选择Languages & Frameworks 中的Flutter 填写Flutter SDK path的路径
安装好后重启即可!
第二步:使用Android Studio新建flutter的helloworld
1.创建一个Flutter的项目 cd到需要创建的目录,命令输入
flutter create mac_app
2.安装flutter插件重启Android Studio后会发现多了一个选项如下:
3.新建flutter项目
4.完成后项目如下:
按绿色运行键运行
打开模拟器或iOS设备就表示Flutter可以使用了
至此flutter可以使用了,下一步学习Dart语言,学完后恭喜你就可以跨平台开发啦啦啦~