IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> Mac 环境下 Flutter|Android Studio 的安装 -> 正文阅读

[移动开发]Mac 环境下 Flutter|Android Studio 的安装

前言:最近想学习一下flutter 那么就重配环境开始吧

Flutter官网

一、更新HomeBrew

打开终端输入命令:

$ brew update
二、下载FlutterSDK

官网 -> Get Started -> Install -> MacOS -> Flutter SDK
在这里插入图片描述
解压:我们可以直接拖拽双击 也可以使用命令

$ cd ~/development
$ unzip ~/Downloads/flutter_macos_2.2.3-stable.zip

这里有个小问题要注意下:我们选择解压的文件是否有权限
如果没有权限会提示Permission denied
解决方法:

$ sudo chmod -R 777 文件路径
三、配置镜像

官方有一句很温馨提示 Important: If you’re in China, first read Using Flutter in China
配置Flutter的环境变量
如果电脑默认bash,那么配置~/.bash_profile
如果电脑默认zsh,那么配置 ~/.zshrc
如果不确定可以先配置~/.bash_profile
1)打开终端输入

$ vim ~/.bash_profile

如果出现了下图,可能是我们打开了两次
在这里插入图片描述
[O]pen Read-Only:打开此档案成为只读档
(E)dit anyway:还是用正常的方式打开你要编辑的那个档案
(R)ecover:就是加载暂存盘的内容,用在你要救回之前未储存的工作。
(D)elete it:你确定那个暂存档是无用的!那么开启档案前会先将这个暂存盘删除!
(Q)uit:按下 q 就离开 vim ,不会进行任何动作回到命令提示字符
(A)bort:忽略这个编辑行为
我们按E 或者 D
2)我们可能进入bash_profile,如果当前状态是不可编辑的,按I后出现INSERT,文件进入可编辑状态
如图:
在这里插入图片描述
3)在文件里面添加

export PATH=你的flutter文件路径/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

4)按esc键退出编辑模式
然后英文的:wq回车 这样就保存退出啦
5)在终端接着输入

$ source ~/.bash_profile

6)在终端接着输入

$ flutter -h

正确就会如下图:
在这里插入图片描述
??报错1:没有权限
Exception: Flutter failed to create a directory at "/Users/maxiaoliao/.config/flutter". The flutter tool cannot access the file or directory. Please ensure that the SDK and/or project is installed in a location that has read/write permissions for the current user.
解决方法
在终端输入

$ sudo chmod 777 .config

??报错2:zsh: command not found: flutter
我们电脑默认的zsh
在这里插入图片描述
解决方法:

$ vim ~/.zshrc

zsh文件添加source ~/.bash_profile保存

四、在终端输入
$ flutter doctor

在这里插入图片描述
Flutter安装成功

Android Studio安装

官网

一.接受协议并下载

在这里插入图片描述

二、配置环境变量
# Android
export  ANDROID_HOME=~/Library/Android/sdk
export  PATH=${PATH}:${ANDROID_HOME}/emulator
export  PATH=${PATH}:${ANDROID_HOME}/tools
export  PATH=${PATH}:${ANDROID_HOME}/platform-tools
三、安装插件

Android Studio -> preferences -> Plugins -> 搜索 flutter -> Install -> Restart IDE
在这里插入图片描述

四、创建一个flutter项目

在这里插入图片描述
创建以后一般会默认带一个模拟器

五、检查flutter是否都配置成功
$ flutter doctor

在这里插入图片描述解决:
1).先下载安卓命令行工具在这里插入图片描述
2)终端输入

$ flutter doctor --android-licenses

然后一路y

六、再次检查flutter是否都配置成功
$ flutter doctor

在这里插入图片描述
成功了

七、最后运行一下flutter工程

在这里插入图片描述

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章           查看所有文章
加:2021-07-04 19:58:19  更:2021-07-04 19:59:10 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/5 16:01:35-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码