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

2021-12-09  本文已影响0人  刘莫识

前言

从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 toolchainChrome
根据提示可以进行下载

iShot2021-12-09 10.42.09.png

平台设置

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

iOS构建

$ sudo xcodebuild -license

设置 iOS 模拟器

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

 $ open -a Simulator

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

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

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

注意

配置编辑器

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

安装flutter插件

iShot2021-12-09 09.45.37.png

验证是否安装成功

上一篇 下一篇

猜你喜欢

热点阅读