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

    相关文章

      网友评论

        本文标题:Flutter 安装

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