Flutter 初级体验
hi，大家好，这是第一次使用Flutter，使用Flutter 的原因有两个吧，最直接的原因是项目驱动，还有个就是boss大佬强烈推荐，从知道Flutter到开始使用已经过了半年多，这边年多一直关注着Flutter的最新动态，从RN过度过来，已经感觉不敢随便再爱了。持续了半年多的积极关注，终于下决心入坑了。
首先我们来看看Flutter 官方解释：
很明显，这是一个跨平台的产物，对于原生iOS开发5年的开发来说，第一感觉还是比较抵触的。但是由于慢慢的接触，关注，渐渐的对他有一些了解以后，就会发现这个家伙还是很厉害的，但是对于新手来说，安装，学习等问题还是有一丢丢难度，这里我会带着大家一起进入Flutter 的世界。
由于我自己使用的是Mac 系统，暂时我们以 Mac 安装为主，其他系统类似，也可以参考官网链接：https://flutterchina.club/setup-macos/
首先我们需要在 Flutter 官网下载：https://flutter.io/docs/development/tools/sdk/archive?tab=macos#macos
GitHub地址：https://github.com/flutter/flutter/releases
选一个合适的最新版本，如果不想翻墙需要在 命令行中输入 ：
//下面两行是切换国内资源路径
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
//下载Flutter，这里加了-b dev可能会慢，我这直接去掉了-b dev
git clone -b dev https://github.com/flutter/flutter.git
//PWD是你的flutter盘的绝对路径，这里需要根据自己的路径填写。在命令行中进入flutter目录之后输入 pwd即可获得。
export PATH="$PWD/flutter/bin:$PATH"
cd ./flutter
//最后 在命令行中 直接输入下面命令会出现很多没有安装的问题
flutter doctor
如图，我这里安装完了，没有截图，就没有一步一步操作下去，因为这里操作比较简单，直接根据提示就可以了，链接都有提供 ，如果还是不清楚，就输入 flutter doctor -v，会提示怎么解决 ❌的问题，也是比较方便，这里就不在做详细的阐述了。
安装完之后，需要下载两个IDE ，一个是iOS开发用的Xcode，一个是安卓开发用的Android Studio。
这些安装的过程需要等待一段时间，之后需要配置环境变量。
配置环境变量
先通过命令行查找 .bash_profile 文件并且打开它
如果没有.bash_profile文件 ，在命令行中输入下面命令
1.注意这里如果是纯净的电脑可能没有这个文件，如果没有去创建他，
2. 进入当前用户的home目录
输入cd ~
3. 创建.bash_profile
输入touch .bash_profile
4. 编辑.bash_profile文件
输入open .bash_profile
如果有 .bash_profile文件直接打开 配置环境变量
在命令行输入（验证flutter 环境变量）：
最后按照官网如下步骤即可。
通过运行flutter/bin命令验证目录是否在已经在PATH中:
echo $PATH
最有切记，关掉所有 命令行，配置环境变量之后需要重启命令行，否则还是找不到等问题。
安装到iOS环境 ，这个过程需要网速和时间，可能比较慢。
要将您的Flutter应用安装到iOS真机设备，您需要一些额外的工具和一个Apple帐户，您还需要在Xcode中进行设置。
安装 homebrew （如果已经安装了brew,跳过此步骤）.
打开终端并运行这些命令来安装用于将Flutter应用安装到iOS设备的工具
brew update
brew install --HEAD libimobiledevice
brew install ideviceinstaller ios-deploy cocoapods
pod setup
之后的过程就是去配置xcode 代码中的证书和安卓的一些配置问题，相对看着官网步骤就能解决问题，最后
android studio ，需要下载flutter 和dart，因为Xcode ，flutter ，dart不支持，所以只能用android studio 去开发。
所以，在打开android studio 之后，不要着急选择，点击左上角的 Android Studio
android studio
再点击 Preferences
点击 Plugins
输入 flutter，这里注意，作者用的截图是已经安装的，有提示Uninstall，如果没有安装这里显示的是 install
dart 会自动安装，选择ok 就可以。如图。
安装好了之后，就可以使用 flutter 开发app 了，我们可以新建一个app 来感受一下。
网友评论