Mac电脑上安装和配置Flutter开发环境

简介: Mac电脑上安装和配置Flutter开发环境

最近在学习Flutter,记录一下学习过程中的问题

一、首先要java的环境 javaJDK 直接进入oracle官网下载页: https://www.oracle.com/technetwork/java/javase/downloads/index.html

安装完成之后可通过 java -version 验证输出如下信息,说明安装成功
image.png

java JDK环境配置
1、进入系统根目录: cd\
2、查看(包含隐藏的)是否存在 .bash_profile 文件:ls -a

3、或者直接运行 open -e .bash_profile 命令,看是否能打开文件。如果能打开 的话 会直接弹出文件。

4、如果没有找到相关的文件,那么咱们就运行 touch .bash_profile 创建一个.bash_profile的隐藏配置文件

5、创建后进行打开 open -e .bash_profile,把以下文件粘贴进去:

PATH=$JAVA_HOME/bin:$PATH:.
CLASSPATH=$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:.
export JAVA_HOME
export PATH
export CLASSPATH

注: /Library/Java/JavaVirtualMachines/jdk-12.0.2.jdk/Contents/Home 这路径是您所安装文件所在的路径,根据你自己的什么就写什么即可。

6、保存文件退出后,在全集框运行 source .bash_profile 命令进行设置生效

7、查看是否成功,可运行 echo $JAVA_HOME ,如果输出为(即为成功):
image.png

注:或是直接运行 javac 如果输出为(即为成功):

image.png
二、官网下载Flutter SDK
1、官网下载地址:https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#macos
2、GitHub下载地址:https://github.com/flutter/flutter/releases
⚠️:在macOS上下载最新的flutter sdk以后,会自动解压到当前下载文件夹,你要做的就是将解压后的flutter文件放置到你想进行flutter开发的文件夹下,并通过pwd命令获取当前文件夹路径以备用;

配置 flutter 的 PATH 环境变量
打开终端输入以下命令

vim ~/.bash_profile

输入键盘上的i进入编辑模式,输入

export PATH=[文件存放路径]/flutter/bin:$PATH
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PUB_HOSTED_URL=https://pub.flutter-io.cn

输入完成后按esc键,然后输入:wq保存退出,:q是直接退出

最后输入

source ~/.bash_profile

3、运行 flutter doctor 命令
image.png

目录
相关文章
|
27天前
|
开发工具 Android开发 iOS开发
如何在Android Studio中配置Flutter环境?
如何在Android Studio中配置Flutter环境?
308 61
|
27天前
|
Dart 开发工具 Android开发
在macOS系统上配置Flutter环境的步骤
在macOS系统上配置Flutter环境的步骤
228 62
|
10天前
|
存储 安全 iOS开发
在不受支持的 Mac 上安装 macOS Sequoia 15.5 (OpenCore Legacy Patcher v2.4.0)
在不受支持的 Mac 上安装 macOS Sequoia 15.5 (OpenCore Legacy Patcher v2.4.0)
616 13
在不受支持的 Mac 上安装 macOS Sequoia 15.5 (OpenCore Legacy Patcher v2.4.0)
|
2月前
|
Ubuntu Linux Shell
Ubuntu gnome WhiteSur-gtk-theme类mac主题正确安装和卸载方式
通过这个过程,用户不仅可以定制自己的桌面外观,还可以学习到更多关于 Linux 系统管理的知识,从而更好地掌握系统配置和主题管理的技巧。
202 12
|
2月前
|
监控 Shell Linux
Android调试终极指南:ADB安装+多设备连接+ANR日志抓取全流程解析,覆盖环境变量配置/多设备调试/ANR日志分析全流程,附Win/Mac/Linux三平台解决方案
ADB(Android Debug Bridge)是安卓开发中的重要工具,用于连接电脑与安卓设备,实现文件传输、应用管理、日志抓取等功能。本文介绍了 ADB 的基本概念、安装配置及常用命令。包括:1) 基本命令如 `adb version` 和 `adb devices`;2) 权限操作如 `adb root` 和 `adb shell`;3) APK 操作如安装、卸载应用;4) 文件传输如 `adb push` 和 `adb pull`;5) 日志记录如 `adb logcat`;6) 系统信息获取如屏幕截图和录屏。通过这些功能,用户可高效调试和管理安卓设备。
|
4月前
|
缓存 前端开发 Android开发
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
222 12
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
|
4月前
|
Dart 前端开发 架构师
【01】vs-code如何配置flutter环境-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈-供大大的学习提升
【01】vs-code如何配置flutter环境-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈-供大大的学习提升
309 26
|
4月前
|
Dart 前端开发 Android开发
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
92 1
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
|
6月前
|
开发工具 git 开发者
「Mac畅玩鸿蒙与硬件3」鸿蒙开发环境配置篇3 - DevEco Studio插件安装与配置
本篇将专注于如何在 DevEco Studio 中安装和配置必要的插件,以增强开发功能和提升效率。通过正确配置插件,开发流程能够得到简化,开发体验也会更加顺畅。
270 1
「Mac畅玩鸿蒙与硬件3」鸿蒙开发环境配置篇3 - DevEco Studio插件安装与配置
|
Dart IDE Linux
Flutter的安装与设置
Flutter是一个开源软件开发工具包 (SDK),用于“帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台”。允许跨平台开发。这样可以使您的公司和团队节省大量时间和精力。
328 0