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
flutter_doctor.png
-
根据红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
Flutter_SDK.png
-
选择Languages & Frameworks 中的Flutter 填写Flutter SDK path的路径
Flutter_path.png
安装好后重启即可！
第二步：使用Android Studio新建flutter的helloworld
1.创建一个Flutter的项目 cd到需要创建的目录，命令输入
flutter create mac_app
2.安装flutter插件重启Android Studio后会发现多了一个选项如下：
Flutter_Creat.png
3.新建flutter项目
Flutter_creat_next.png
4.完成后项目如下：
finish.png
按绿色运行键运行
finish_simulator.png
打开模拟器或iOS设备就表示Flutter可以使用了
至此flutter可以使用了，下一步学习Dart语言，学完后恭喜你就可以跨平台开发啦啦啦~
网友评论