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上fluter开发环境配置 -> 正文阅读

[移动开发]第一篇Mac上fluter开发环境配置


一、安装Xcode

     这个就不说了,都会

二、安装Android studio

1.下载并安装下载android studio

2.配置Android Studio环境

启动Android Studio,然后执行“Android Studio安装向导”。这将安装最新的Android SDK,Android SDK平台工具和Android SDK构建工具,这是Flutter为Android开发时所必需的
为避免后期安装fluter出现错误cmdline-tools component is missing
配置android studio环境
在这里插入图片描述

3.下载fluter插件

在这里插入图片描述

创建模拟器

Android Studio>Tools>Android>AVD Manager 并选择 Create Virtual Device.

三、fluter安装

1.下载fluter

桌面新建一个文件夹,cd到文件夹目录下使用
git clone -b stable https://github.com/flutter/flutter.git

2.配置永久环境变量

直接进入库文件目录,使用如下组合键:command+shift+.,打开隐藏文件
在这里插入图片描述
没有的话,我们可以用文本编辑创建一个,保存的时候以.bash_profile结尾就好了。
上面操作之后我们会打开.bash_profile这个文件,复制如下内容粘贴进去

export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置
export PATH=自己文件夹的路径/flutter/bin:$PATH
export ANDROID_HOME="上面说到的安卓sdk的路径" //android sdk目录,替换为你自己的即可
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=[https://storage.flutter-io.cn](https://storage.flutter-io.cn/)

刷新终端窗口:

source $HOME/.bash_profile

注意: 如果你使用的是zsh,终端启动时 ~/.bash_profile 将不会被加载,解决办法就是修改 ~/.zshrc ,在其中添加:source ~/.bash_profile

通过运行flutter/bin命令验证目录是否在已经在PATH中:

echo $PATH

4.运行并检测flutter

flutter doctor

如果没有错误就是配置成功了

二、使用步骤

1.创建一个fluter应用

1.启动android stutio
2.选择 File>New Flutter Project
3.输入项目名称 (如 myapp), 然后点击 Next
4.点击 Finish
您应用程序的代码位于 lib/main.dart.,
在这里插入图片描述

2.体验热重载

在lib/main.dart.编辑器里,将字符串
‘You have pushed the button this many times:’ 更改为
‘You have clicked the button this many times:’

不需要重新运行cmd+s保存,看看屏幕的效果

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-11-24 08:03:55  更:2021-11-24 08:06:17 
 
开发: 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年11日历 -2024/11/24 4:58:58-

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