初学Flutter

1–Flutter环境搭建ForMac

Flutter的配置其实越来越简单了。尤其刚出来的时候,需要配置的东⻄太多,万事开头难。这⾥选择使⽤ Android Studio 作为开发Flutter的⼯具

1.1 安装Fluter

⼤家也可以直接参考官⽹ <https://flutter.dev/>

1.1.1 进入官网<https://flutter.dev/>

1.1.2选择对应的系统

点击上图片Get started 然后选择macOS

1.1.3 选择最新版本压缩包下载

1.1.4 解压SDK包

下载完成后,那么接下来就是安装路径了。 因为Flutter的SDK中包含了很多命令⾏⼯具。我们需要配置环境变量,所以建议你安装到你平时放命令⾏⼯具 程序的地⽅! 我这⾥放在了家⽬录下 ~/flutter (仅供参考,如果放在根目录以后更新可能会出现权限问题导致安装失败)

1.1.5 配置环境变量

因为Flutter 在运⾏的时候,需要去官⽅下载所需要的资源.那么没有“梯⼦”的伙伴你会需要镜像服务器,以下是 官⽅⽂档的友情提示。在1.1.1.2选择对应的系统下面图片中有提示 Important: If you’re in China, first read Using Flutter in China.
来到你对应Shell的配置⽂件进⾏配置。 如果你使⽤默认的bash那么配置 ~/.bash_profile (我这边使用这个)
如果你使⽤zsh(Mac新系统默认是zsh)那么配置 ~/.zshrc

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

配置完成后,重新打开终端或者输⼊命令载⼊配置

#bash则使⽤.bash_profile
source ~/.zshrc

那么接下来!我们可以看看Flutter是否配置完成了。Flutter有⼀个doctor检测指令。专⻔⽤于检测你的Flutter环境 的。

flutter doctor

打钩就是配置OK了. 叉叉就是还没有配置好的.
我们最终要看到下图就…解决了差不多了。

其中红色的x表示xcode环境没有配置好需要去下载xcode。
那么接下来.我们安装!Android Studio!

1.2 配置安卓环境

1.2.1 安装Android Studio

我们先安装Android Studio可以去国内官⽹ https://developer.android.google.cn/studio 下载

点击Downloade Android Q Studio,进入协议界面,勾选协议,然后选择对应的安装包,需要看你电脑的配置,可以查看你电脑苹果图标-关于本机,查看你的图形卡是intel还是Apple,这样你需要下载对应版本。


我这边选择Mac with Intel chip。

1.2.2 配置SDK

根据安装向导,我们需要安装Android SDK, Android SDK Command-line Tools, and Android SDK Platform-Tools,安装过程⽆需翻墙。

1.2.3 安装Android Studio的插件

来到Studio的偏好设置⾥⾯.

当跳出安装Dart插件的界⾯时,也点击Install进⾏安装。

安装完成后重启Android Studio。可以看到有这样的界⾯

如果安装Flutter一直失败,你可以先安装Dart。

1.2.4 解决JDK的问题

cd /Applications/Android\ Studio.app/Contents/jre
ln -s ../jre jdk
ln -s "/Library/Internet Plug-Ins/JavaAppletPlugin.plugin" jdk
flutter doctor -v

1.2.5 解决许可证问题

再次进⾏Flutter的检测 $ flutter doctor 会发现许可证问题!

打开Iterm(终端)输⼊下列命令
然后⼀顿y

flutter doctor --android-licenses

参考文章:https://blog.csdn.net/weixin_42326052/article/details/109818439

初学Flutter 环境搭建相关推荐

  1. Flutter 环境搭建 与 Android 应用的调试

    Flutter 环境搭建 与 Android 应用的调试 作者: jcLee95 邮箱 :291148484@163.com CSDN 主页:https://blog.csdn.net/qq_2855 ...

  2. Flutter环境搭建、运行gallary项目

    Flutter环境搭建.运行gallary项目 主体步骤 1.从github clone flutter的sdk, git clone -b beta https://github.com/flutt ...

  3. android切环境插件,Android Studio下Flutter环境搭建图文教程

    一.Flutter介绍 Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面.Flutter可以与现有的代码一起工作.在全世界,Flutter正在被越来越多的 ...

  4. MacBook M1 Flutter环境搭建

    最近入手了Apple M1,MacBook Air,由于之前未使用苹果系列产品,并且Flutter官方和各项配套的软件环境也还没有成熟,导致搭建环境时碰到了不少坑,这里总结记录一波,来看文档的同学,有 ...

  5. MAC版Android Studio Flutter 环境搭建

    前期准备给Mac 配置JDK,网上资源很多,就不做过多的复制,下面提供一下官网下载地址 jdk 下载地址 :https://www.oracle.com/java/technologies/downl ...

  6. flutter 环境搭建小记(MAC版)

    1,下载flutter SDK  https://flutter.io/sdk-archive/#macos 首先确定自己的mac 是macOS x64还是macOS ARM64,再下载对应的版本 查 ...

  7. Flutter环境搭建(Windows)

    SDK获取 去官方网站下载最新的安装包 ,或者在Github中的Flutter项目去 下载 . 将下载的安装包解压 注意:不要将Flutter安装到高权限路径,例如 C:\Program Files\ ...

  8. Flutter学习记录(一、Flutter环境搭建)

    1.下载Flutter的SDK,并添加系统环境变量. 下载地址:https://pan.baidu.com/s/1OAZ3r4URSvNvtNMUMNWd7A 解压到指定文件夹.环境变量PATH中添加 ...

  9. flutter 环境搭建

    环境: ladder什么的是必不可少的 win10 + Idea 2019.1.13 + Genymotion 2.12 基本可以在模拟器中运行项目,还有些许小问题,但是可以看到效果了 基本流程 下载 ...

最新文章

  1. lol为什么网络连接到服务器未响应,lol登陆服务器未响应是怎么回事 解决lol登陆服务器未响应有方法...
  2. Python下载文件的11种方式
  3. php reactphp wss_workerman的基本用法(示例详解)
  4. 三层架构—实践篇(.Net登录实例)
  5. ASIO协程彻底转变你的思维
  6. 关于Scrum中sprint的规模估算的对话
  7. GOOD MEETINGS CREATE SHARED UNDERSTANDING, NOT BRDS!
  8. router-link标签学习
  9. Objective-c 创建类的使用
  10. 使用Jolokia和JMX进行客户端服务器监视
  11. [vue] 说说你对provide和inject的理解
  12. ]网易游戏游戏开发工程师
  13. C++模板元 -- 变长参数模板
  14. Java序列化 3 连问,这太难了吧!
  15. cocos2dx3.2升级Android5的坑
  16. Linux中的ls命令详细使用
  17. 05-用两个栈实现一个队列
  18. 用友U8案例教程目录
  19. Rundll32.exe 转自5iuu.com
  20. 整理了18个可以免费学习编程的网站

热门文章

  1.  定义一个变量,是一个三位数,求各个位数的和
  2. 微服务+微信小程序实现社区服务
  3. 手机中的照片不见了如何恢复
  4. Vue3 + TS(一)- 邂逅Vue
  5. nginx直接打印输出_ngnix配置打印请求入参和出参消息
  6. 将博客搬至CSDN_莫枫恋_新浪博客
  7. 77.组合 | 40.组合总和II | 39.组合总和 | 784.字母大小写全排列
  8. 网络维护工程师的要求是什么?
  9. int int int * int**的区别、联系和用途
  10. float a=1.0f 这里的1.0f中的 f 代表什么?有什么意思?