前言
从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
根据提示可以进行下载
平台设置
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
验证是否安装成功
- 调用 命令面板 输入 doctor ,选择 Flutter: Run Flutter Doctor.
- 查看控制台出输出是否存在任何问题,有问题进行解决。