第一篇Mac上fluter开发环境配置

第一篇Mac上fluter开发环境配置第一篇Mac上fluter开发环境配置前言一、安装Xcode二、安装Androidstudio1.下载并安装[下载androidstudio](https://developer.android.com/studio/index.html)2.配置AndroidStudio环境3.下载fluter插件创建模拟器三、fluter安装1.下载fluter2.配置永久环境变量二、使用步骤1.创建一个fluter应用2.体验热重载前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展


一、安装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保存,看看屏幕的效果

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/10553.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注