手把手从安装flutter到第一个demo

本文仅用作记录安装flutter步骤
安装环境：MacOS
以下均参考官网
步骤：
一、下载flutter
下载地址：官网
解压到你喜欢的路径并记录此路径（之后会用到），如：

192:~ bit_tea$ cd Desktop/bit_tea/flutter/
192:flutter bit_tea$ pwd
/Users/bit_tea/Desktop/bit_tea/flutter


二、配置 flutter 的 PATH 环境变量
官网描述：

打开或者创建 shell 的 rc 文件，比如，在 Linux 和 macOS Mojave 或 Mojave 之前的系统里，是默认使用
Bash 的，所以需要修改 $HOME/.bashrc 文件。 macOS Catalina 操作系统默认使用 Z Shell，所以需要修改
$HOME/.zshrc 文件。请知晓，如果你使用不同的 shell，文件目录或文件名可能会有所不同。

执行步骤：
1、命令查看当前正在使用什么shell

192:flutter bit_tea$ echo $SHELL
/bin/bash


2、更改bashrc配置文件（如果shell为zsh，则命令为：vim ~/.zshrc）

vim ~/.bashrc


修改或增加： export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"，并将其中的 [PATH_TO_FLUTTER_GIT_DIRECTORY] 更改为你第一步获取到的路径；如：

export PATH="$PATH:/Users/bit_tea/Desktop/bit_tea/flutter/flutter/bin"


因为Flutter 在运行的时候,需要去官方下载所需要的资源.那么没有“梯子”的伙伴你会需要镜像服务器，当前文件中配置镜像：

#Flutter 镜像配置
$ export PUB_HOSTED_URL=https://pub.flutter-io.cn
$ export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn


3、执行命令使刚配置的环境变量生效（如果shell为zsh，则命令为：source ~/.zshrc）

source ~/.bashrc


4、验证是否成功，如果出现以下说明，至此大功告成。

flutter -h
Manage your Flutter app development.
...


5、执行flutter doctor，查看是否有未配置项。如Android studio需下载flutter插件等。

三、设置开发环境
编译器选择（官方推荐）

你可以使用任意文本编辑器，结合我们的命令行工具来开发 Flutter 应用。然而，我们推荐使用我们的编辑器插件以获取更好的开发体验。这些插件提供了代码补全、代码高亮、widget 辅助编辑的功能，以及为项目的运行和调试提供支持等。

参考以下步骤为 Android Studio、IntelliJ 或者 VS Code 添加编辑器插件。

以下以iOS Xcode为例，Xcode下载。
1、配置 Xcode command-line tools:

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


运行一次 Xcode 或者通过输入命令 sudo xcodebuild -license 来确保已经同意 Xcode 的许可协议。

sudo xcodebuild -license


2、模拟器
打开模拟器

sudo xcodebuild -license


四、创建应用并运行

flutter create my_app
cd my_app
flutter run


Xcode模拟器呈现：

五、部署真机（参考官方文档，按步骤操作即可，不写了，有问题可评论）
注意：
1、连接手机必须信任电脑；
2、Bundle Identifier必须唯一（Bundle Identifier为APP唯一标识，不能与其他APP相同，推荐按格式修改，如com.organizationName.appName）;
3、勾选Automatically manage signing；

4、当前APP代码目录下执行flutter run，或者直接Xcode下，command+R运行。

最后附一张真机截屏

感谢阅读！