当前位置: 首页 > news >正文

flutter_学习记录_00_环境搭建

1.参考文档

Mac端Flutter的环境配置看这一篇就够了
flutter的中文官方文档

2. 本人环境搭建的背景

本人的电脑的是Mac的,iOS开发,所以iOS开发环境本身是可用的;外加Mac电脑本身就会配置Java的环境。所以,后面剩下的就是,下载Flutter的SDK 和 Android studio 以及下载VS Code 工具。

3. flutter SDK的下载

因为我电脑没有VPN,用git下载SDK失败,所以就看官方文档的这个步骤:在这里插入图片描述
下载下来后,直接去“下载”列表,解压,解压后,就是“flutter”的文件夹,将整个文件夹拖到根目录下,如下图:

4. flutter 环境的配置

这一步,参考的是这个文档:Mac端Flutter的环境配置看这一篇就够了。

4.1 打开命令行,进入根目录下:

cd /Users/zhuzhu 

注意 /Users/zhuzhu 是我的根目录,参考者应该替换成自己电脑的根目录,格式如下:/Users/你电脑名字

4.2 打开文件夹,进入根目录下,如下图:
在这里插入图片描述
如果没有看到隐藏文件,就用快捷键cmd + shift + . 来显示隐藏文件,如果找到隐藏文件.bash_profile, 如下图:
在这里插入图片描述
4.3 编辑.bash_profile文件,配置flutter的环境,在.bash_profile文件中,添加如下的代码:

export PATH=/Users/zhuzhu/flutter/bin:$PATH

注意/Users/zhuzhu/flutter/bin:$PATH 这个路径是我flutter的路径,应该换成你电脑本地的flutter的路径, 前文我说了,把flutter的文件夹直接拖入到根目录下,如果你也这么干的话,那么路径应该是 /Users/你电脑名字/flutter/bin:$PATH

4.4 执行.bash_profile文件,让修改生效。在命令行中,执行如下的代码:

source ~/.bash_profile

4.5 验证是否flutter的配置生效,在命令行中,执行如下的代码:

flutter -h 

如果出现如下的打印,说明flutter SDK 已经完成了:
在这里插入图片描述

5. 配置安卓环境

5.1 下载 Android studio

从这个网站下载 Android studio, 我根据我电脑的配置,下载的是这个,各位应该根据自己电脑的配置,自行选择:
在这里插入图片描述

下载完后,就解压,按照安装的流程,操作就行了。

5.2 配置 cmdline-tools

如果不走这一步,当执行flutter doctor时,会出现cmdline-tools component is missing 错误的错误,处理方式:

  1. 打开 Android studio
    在这里插入图片描述在这里插入图片描述
    在命令中,执行如下的代码:
flutter doctor --android-licenses

命令行,会提醒,选择y
在这里插入图片描述
然后命令行,会提醒,是否Accept, 选择y
在这里插入图片描述
最后,如果出现这个提示,就表示安卓环境配置好了:
在这里插入图片描述

6. 安装Visual Studio Code

6.1 下载 VS Code 工具

这个是用来开发flutter的工具,简称VS Code, 下载路径:https://code.visualstudio.com/docs?dv=osx,

下载完成,就正常的解压,安装就行。

6.2 安装插件

打开 VS Code, 在搜索框中flutter 然后点击安装,如下:
在这里插入图片描述
在这里插入图片描述
这样 VS Code 也可以了。

7.验证flutter的环境配置

在命令行中,输入flutter doctor 来查看环境配置的如何,如下图:
在这里插入图片描述
如果是这样,基本上就差不多了,如果有什么问题,各位就自行百度吧。这个文档,也只是我的回忆录,没有很详细,只是作为一个备忘录,有些细节可能也忘记了。

另外,记录我这边的一个问题:每次重启命令行,都需要执行source ~/.bash_profile 才能用flutter,我也不知道为什么,先记录着吧。

http://www.lryc.cn/news/525127.html

相关文章:

  • SpringBoot如何自定义Starter ?
  • 前沿技术对比:大模型技术为什么发展远快于区块链技术,中英对照解释
  • WordPress果果对象存储插件
  • elk 安装
  • Python 预训练:打通视觉与大语言模型应用壁垒——Python预训练视觉和大语言模型
  • OpenCV相机标定与3D重建(63)校正图像的畸变函数undistort()的使用
  • 用 Java 发送 HTML 内容并带附件的电子邮件
  • 【Day24 LeetCode】贪心Ⅱ
  • vue3+elementPlus之后台管理系统(从0到1)(day3-管理员管理)
  • 上位机知识篇---ROS2命令行命令静态链接库动态链接库
  • 2025/1/21 学习Vue的第四天
  • 云计算、AI与国产化浪潮下DBA职业之路风云变幻,如何谋破局启新途?
  • Linux内核编程(二十一)USB驱动开发-键盘驱动
  • 模拟算法习题篇
  • 蓝桥杯真题 - 翻转 - 题解
  • IP属地与视频定位位置不一致:现象解析与影响探讨
  • 管道符、重定向与环境变量
  • 可扩展性设计架构模式——开闭原则
  • 算法随笔_17: 回文数
  • 计算机的错误计算(二百一十九)
  • React进阶之高阶组件HOC、react hooks、自定义hooks
  • 【Pytest】基础到高级功能的理解使用
  • RHCE实验详解
  • 备赛蓝桥杯之第十五届职业院校组省赛第二题:分享点滴
  • MyBatis 注解开发详解
  • Kivy App开发之UX控件VideoPlayer视频播放
  • 简单排序算法
  • C语言初阶牛客网刷题——JZ17 打印从1到最大的n位数【难度:入门】
  • 基于springboot+vue的校园二手物品交易系统的设计与实现
  • 开发环境搭建-2:配置 python 运行环境(使用 uv 管理 python 项目)