[Day2] Flutter - 建置环境

Hi, 我是鱼板伯爵今天要教大家如何建置环境 Flutter 开发环境。

Install Flutter （macOS）

https://flutter.dev/docs/get-started/install/macos

Get the Flutter SDK

1. 下载以下安装包以获取Flutter SDK的最新稳定版本:
   flutter_macos_1.22.5-stable.zip

2. 将文件打开到所需位置

$ cd ~/development
$ unzip ~/Downloads/flutter_macos_1.22.5-stable.zip

3. 将Flutter工具添加到您的路径：

$ export PATH="$PATH:`pwd`/flutter/bin"

如果路径加入後会消失的话可以参考一下步骤：

1. 开启终端机後到达根目录然後打开zshrc（如果因权限问题无法修改可输入sudo vim .zshrc）

$ cd ~
$ vim .zshrc

你也可以设定bash或其他的终端机。

2. 输入 i 来新增路径你的Flutter(/bin:/Library/flutter/bin)安装路径在.bin:$PATH/後面，例如：

export PATH="$HOME/.yarn/bin:$HOME/.config/yarn/global/node_modules/.bin:$PATH/bin:/Library/flutter/bin"

输入完成後, 按下esc然後:wq储存

3. 检查是否成功设置

将设置的终端机关闭後重新开器一个新的终端机来检查路径是否设置成功。

$ which flutter

设置 VSCdoe

安装VSCode的Dart套件包。

安装VSCode的Flutter套件包。

设置 XCode

1. 安装Xcode的最新稳定版本（使用Web下载或Mac App Store）。
2. 通过从命令行运行以下命令，将Xcode命令行工具配置为使用新安装的Xcode版本：

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

3. 通过一次打开Xcode并sudo xcodebuild -license从命令行确认或运行来确保Xcode许可协议已签署 。

使用Xcode，你将能够在iOS设备或模拟器上运行Flutter应用。

设置 模拟器

要准备在iOS模拟器上运行和测试您的Flutter应用，请执行以下步骤：

1. 在终端机中输入以下命令

$ open -a Simulator

2. 点击模拟器右键，选择Device->IOS->选择一个模拟器安装。

3. 安装完後就开着

Create the app

首先创建一个新的专案，他会生成flutter所有需要的档案。

$ flutter create my_app_name

接着检查设备确认与设备连线，通常他创建完後会直接帮你执行。

$ flutter devices

1 connected device:
VScode右下角可以连接设备

可以使用VSCode的Debug执行，或者下面命令，成功後的画面如下:

$ flutter run

Run flutter doctor

运行以下命令以查看是否需要安装任何依赖项才能完成设置。

$ flutter doctor