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

目录
相关文章
|
17天前
|
iOS开发 MacOS Windows
Mac air使用Boot Camp安装win10 ,拷贝 Windows 文件时出错
Mac air使用Boot Camp安装win10 ,拷贝 Windows 文件时出错
|
5天前
|
数据采集 中间件 关系型数据库
Mac系统通过brew安装mysql5.7后,启动报错的解决办法
Mac系统通过brew安装mysql5.7后,启动报错的解决办法
17 2
|
开发工具 iOS开发 git
Flutter 02: 图解 Mac 环境下安装配置环境
      小菜前两天整理了一篇 Flutter 01:图解 Windows 环境下安装配置环境,今天整理一下在 Mac 环境下安装配置 Flutter。
1344 0
|
4月前
|
开发框架 前端开发 测试技术
Flutter开发常见问题解答
Flutter开发常见问题解答
|
4天前
|
开发框架 移动开发 Android开发
安卓与iOS开发中的跨平台解决方案:Flutter入门
【9月更文挑战第30天】在移动应用开发的广阔舞台上,安卓和iOS两大操作系统各自占据半壁江山。开发者们常常面临着选择:是专注于单一平台深耕细作,还是寻找一种能够横跨两大系统的开发方案?Flutter,作为一种新兴的跨平台UI工具包,正以其现代、响应式的特点赢得开发者的青睐。本文将带你一探究竟,从Flutter的基础概念到实战应用,深入浅出地介绍这一技术的魅力所在。
22 7
|
5月前
|
前端开发 C++ 容器
Flutter-完整开发实战详解(一、Dart-语言和-Flutter-基础)(1)
Flutter-完整开发实战详解(一、Dart-语言和-Flutter-基础)(1)
|
23天前
|
JSON Dart Java
flutter开发多端平台应用的探索
flutter开发多端平台应用的探索
27 6
|
23天前
|
JSON Dart Java
flutter开发多端平台应用的探索 下 (跨模块、跨语言通信之平台通道)
flutter开发多端平台应用的探索 下 (跨模块、跨语言通信之平台通道)
|
25天前
|
安全 Android开发 开发者
探索安卓开发的未来:Kotlin的崛起与Flutter的挑战
在移动开发的广阔天地中,安卓平台始终占据着举足轻重的地位。随着技术的不断进步和开发者需求的多样化,Kotlin和Flutter成为了改变游戏规则的新玩家。本文将深入探讨Kotlin如何以其现代化的特性赢得开发者的青睐,以及Flutter凭借跨平台的能力如何挑战传统的安卓开发模式。通过实际案例分析,我们将揭示这两种技术如何塑造未来的安卓应用开发。
52 6
|
2月前
|
开发框架 Android开发 iOS开发
Flutter相关痛点解决问题之淘特选择桌面端开发框架如何解决
Flutter相关痛点解决问题之淘特选择桌面端开发框架如何解决
下一篇
无影云桌面