纯新手上路flutter 之 flutter环境配置

前言

从0记录学习flutter，学无止境
参考资料 flutter中文网

安装

使用镜像

由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中：

$ export PUB_HOSTED_URL=https://pub.flutter-io.cn
$ export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

获取Flutter SDK

大家可以从Install | Flutter选择自己的平台进行下载

也可以从gitHub进行下载

$ git clone https://github.com/flutter/flutter.git -b stable

下载之后选择文件夹解压（在网页下载）

$ unzip flutter_macos_2.8.0-stable.zip

将工具添加到路径：flutter

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

运行以下命令以查看是否需要安装任何依赖项才能完成安装（对于详细输出，请添加标志）：-v

flutter doctor

会得到以下画面
显示我缺失Android toolchain 和 Chrome
根据提示可以进行下载

iShot2021-12-09 10.42.09.png

平台设置

macOS 支持在 iOS、Android 和 Web 中开发 Flutter app（技术预览版）。现在至少完成一个平台设置步骤，以便能够构建和运行您的第一个Flutter应用程序。
iOS构建

iOS构建

• 安装最新的稳定版 Xcode（使用Web 下载或Mac App Store）。

• 通过从命令行运行以下命令，将 Xcode 命令行工具配置为使用新安装的 Xcode 版本：

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

  在大多数情况下，当您想要使用最新版本的 Xcode 时，这是正确的路径。如果需要使用其他版本，请改为指定该路径。

• 确保通过打开 Xcode 一次并确认或从命令行运行来签署 Xcode 许可协议。
  输入空格后 看到
  By typing 'agree' you are agreeing to the terms of the software license agreements. Type 'print' to print them or anything else to cancel, [agree, print, cancel] agree
  输入 agree 进行签署 xcode 许可协议

$ sudo xcodebuild -license

设置 iOS 模拟器

在 Mac 上，通过 Spotlight 或使用以下命令查找模拟器：

 $ open -a Simulator

走到这里 可以开启xcode的模拟器，可以进行验证是否可以运行flutter程序

创建并运行一个简单的 Flutter 应用程序

要创建您的第一个 Flutter 应用并测试您的设置，请按照以下步骤操作：

• 通过从命令行运行以下内容来创建新的 Flutter 应用：

  $ flutter create my_app
  

• 将创建一个目录，其中包含 Flutter 的初学者应用程序。输入此目录：my_app

  $ cd my_app
  

• 要在模拟器中启动应用程序，请确保模拟器正在运行，然后输入：

  $ flutter run
  

注意

配置编辑器

编辑器可以选择Android Studio、IntelliJ或VS Code
这里我选择VS Code 进行编译
可以从官网下载 VS Code Download Visual Studio Code - Mac, Linux, Windows

安装flutter插件

• 启动 VS Code
• 调用 View>Command Palette…
• 输入 ‘install’, 然后选择 Extensions: Install Extension action
• 在搜索框输入 flutter , 在搜索结果列表中选择 ‘Flutter’, 然后点击 Install
• 选择 ‘OK’ 重新启动 VS Code

iShot2021-12-09 09.45.37.png

验证是否安装成功

• 调用 命令面板 输入 doctor ，选择 Flutter: Run Flutter Doctor.
• 查看控制台出输出是否存在任何问题，有问题进行解决。