Flutter

Flutter 安装

2023-02-15  本文已影响0人  失忆的程序员

前言:
Flutter 移动开发框架
软件简介
Flutter 由 Google 的工程师团队打造,用于创建高性能、跨平台的移动应用。Flutter 针对当下以及未来的移动设备进行优化,专注于 Android and iOS 低延迟的输入和高帧率。
Flutter 可以给开发者提供简单、高效的方式来构建和部署跨平台、高性能移动应用;给用户提供漂亮、快速、jitter-free 的 app 体验。
Flutter 的主要组件:

  • 一个高度优化, mobile-first 2D 渲染引擎 (保护对 text 优秀的支持)
  • 一个 functional-reactive 框架 (可选的,你也可以引入你自己的框架)
  • 一组 Material Design 部件 (可选的,你也可以引入你自己的部件) 库 ,工具,和一个用于 Atom 的插件。
    一个开源的 Flutter 应用实例:FlutterOSC

那开始进行配置了,我的电脑呢是Mac AppleM1,

Flutter安装首先下载SDK哈,下载 Flutter SDK,如图所示

下载SDK
下载好,存放位置

(将其当作我的一个应用(个人习惯而已))


存放位置.png

要开始了,要开始了,

打开Mac终端
打开.bash_profile 文件,即shell配置文件

open ~/.bash_profile

配置镜像,在shell配置文件内新增以下代码。按需添加

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

配置环境,在shell配置文件内新增以下代码,其中FLUTTER的值为前面flutter安装包安装的位置 /Applications/SDK/

#Flutter 配置
export FLUTTER=/Applications/SDK/flutter/bin 
export PATH=$FLUTTER:$PATH

到这里,我认为截图,看的更明确更准一下。


文件配置.png

使配置文件生效

source ~/.bash_profile

同样哈把第二个文件也修改一下

open .zshrc

内容和bash_profile 一样

source ~/.zshrc   

检查一下

flutter --version 

看图,终端进行检查,安装成功了,


flutter版本.png

检测flutter,终端输入,该命令可以查看是否需要安装其它依赖项来完成安装。根据终端输入内容做相应操作。

flutter doctor

安装情况,我这里有几个红色×就是没有安装好的。进行解决.


安装情况.png

到这里目前已经安装的差不多了,要开始逐一排查问题了。

问题解决区域

看我另一篇文章:Android toolchain - develop for Android devices

看我另一篇文章:Android Studio (version 2022.1) ✗ Unable to find bundled Java version.

看我另一篇文章:Chrome - develop for the web (Cannot find Chrome executable at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome) ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.

参考区域

参考1
参考2
参考3
参考4
参考5
参考6

Mac M1
安装 Flutter
安装 Dart
安装 VSCode
安装 Android Studio

上一篇 下一篇

猜你喜欢

热点阅读