Flutter 安装

作者: 失忆的程序员 | 来源:发表于2023-02-15 09:50 被阅读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

相关文章

  • Mac系统下Flutter的安装

    mac系统安装flutter分三步: 安装flutter sdk flutter环境变量配置 建立flutter应...

  • Flutter安装

    Flutter安装 一、安装 从GitHub上下载flutter,下载地址:MAC版本Flutter[https:...

  • Flutter--环境配置

    1 安装Flutter Flutter的安装可以参照Flutter官网,下载SDK到本地 因为Flutter的SD...

  • 开始学习 Flutter

    电脑上安装相关的软件 安装Flutter SDK有关安装Flutter SDK 大家最好是看Flutter的官方文...

  • Flutter 入门

    安装Flutter 创建Flutter moudle 问题 flutter: command not found

  • Flutter 使用总结

    Flutter 使用总结 Flutter 安装 下载:Flutter SDK[https://flutter.de...

  • Mac系统flutter环境搭建

    Flutter中文官网 flutter 用这个 1、homebrew安装 -安装 homebrew,已安装跳过-打...

  • MAC 安装flutter

    安装flutter 1.安装android studio ,打开配置plugin 下载安装flutter 2.an...

  • Flutter环境配置—Android Licences无法授权

    Flutter环境安装官方文档Mac版传送门:Flutter安装 Flutter的安装方式,官网已经写的比较详细了...

  • Flutter Mac开发环境搭建

    mac系统 安装flutter 分三步:安装flutter sdkflutter环境变量配置 去Flutter官网...

网友评论

    本文标题:Flutter 安装

    本文链接:https://www.haomeiwen.com/subject/njiykdtx.html